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. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. javascript - 求賜教:網易郵箱Web端模擬登錄看信的加密參數_ntes_nnid、_ntes_nuid3. javascript - 使用angular 的ui-sref 中出現了中文參數,點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%44. java - ConcurrentHashMap中的get()方法為什么可以不加鎖?5. javascript - QWebEngineView 如何爬 angular 的動態數據?6. html5 - 這個代碼顯示功能如何實現?7. javascript - 用JS 七牛上傳圖片出現文件已存在的錯誤(file exists)8. 工作近5年,3年Java Web ,近2年前端,未來何去何從?9. css3 - 圖片等比例縮放10. java - 字節流轉成字符串之后,在通過字符串轉成字節流后的文件為什么會不一樣?
