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. python - 數據與循環次數對應不上2. node.js - nodejs開發中常用的連接mysql的庫3. mysql - jdbc的問題4. python - 我在使用pip install -r requirements.txt下載時,為什么部分能下載,部分不能下載5. 視頻文件不能播放,怎么辦?6. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ,會帶來哪些效率或者其他方面的好處7. windows7 ping不通虛擬機VMware上的linux(ubuntu)的ip8. 網頁爬蟲 - python 爬取網站 并解析非json內容9. python - 編碼問題求助10. mysql - 如何減少使用或者不用LEFT JOIN查詢?
