javascript - 原生js封裝jsonp函數
問題描述
怎么才可以讓返回成功的函數:success寫到它的參數內部,
function success(data){ console.log(data);}jsonp({ url:’https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su’, type:’get’, data:{wd:’jsonp’ }, callback :’cb’, success:success});function jsonp(options){ var url = options.url; var data = options.data; format(data,options,function(str,callback){var oBody = document.getElementsByTagName(’body’)[0];var oScript = document.createElement(’script’);oScript.setAttribute(’src’,url+’?’+str + options.callback+’=’+callback);oBody.appendChild(oScript); }); return options.success;};function format(data,options,callback){ var callbackName = ’’; var str = ’’; for(var p in data){//格式化get提交的參數str += p+’=’+data[p]+’&’; } for(var p in options){if(options[p] == options.success){//取出要返回的函數名 callbackName = p; callback && callback(str,callbackName);} }}如果是這么寫success:function(data){conosle.log(data);}會報一個success is undefined錯誤
問題解答
回答1:https://jsfiddle.net/hsfzxjy/...
jsonp({ url: ’https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su’, type: ’get’, data:{wd: ’jsonp’ }, callback: ’cb’, success: function (data) { console.log(data) }});function jsonp (options) { let url = options.url let data = options.datalet oBody = document.getElementsByTagName(’body’)[0] let oScript = document.createElement(’script’)let callbackName = ’cb’ + (~~(Math.random()*0xffffff)).toString(16) window[callbackName] = function (result) {options.success(result) } data[options.callback] = callbackNameoScript.setAttribute(’src’, url + ’?’ + format(data)) oBody.append(oScript)}function format(data) { let str = ’’ for (var p in data) {str += encodeURIComponent(p) + ’=’ + encodeURIComponent(data[p]) + ’&’ } return str}
相關文章:
1. golang - 用IDE看docker源碼時的小問題2. javascript - 請指條明路,angular的$event,在select中卻是undefined?3. 前端 - @media query 使用出現的問題?4. 我何時應該在Java中使用JFrame.add(component)和JFrame.getContentPane()。add(component)5. html - css氣泡,實現“倒三角(不知道算不算三角了)”可透明的。6. 運行python程序時出現“應用程序發(fā)生異常”的內存錯誤?7. docker - 如何修改運行中容器的配置8. 利用IPMI遠程安裝centos報錯!9. phpstudy8.1沒集成mysql-front10. html5和Flash對抗是什么情況?

網公網安備