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. 多选框写进数据库怎么写2. android - 使用listview加载不同item,数据填充错误。3. python3.x - python中的虚拟环境怎样设置一直处于激活状态4. Python获取HTTP请求的状态码(200,404等)5. angular.js - angular js 报错 [$injector:modulerr] 模块注入错误6. 前端需要设置 token的吗?7. boostrap怎么在移动端不显示sidebar?8. python中merge后文件莫名变得非常大9. Python处理Dict生成json10. javascript - 读js权威指南“作为值得函数”产生了疑惑,求释疑