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. thinkphp5.1學習時遇到session問題2. docker網絡端口映射,沒有方便點的操作方法么?3. docker容器呢SSH為什么連不通呢?4. angular.js - angular內容過長展開收起效果5. nignx - docker內nginx 80端口被占用6. docker綁定了nginx端口 外部訪問不到7. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?8. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?9. 前端 - ng-view不能加載進模板10. php - 第三方支付平臺在很短時間內多次異步通知,訂單多次確認收款
