使用Script元素发送JSONP请求

最新推荐文章于 2024-06-20 20:55:24 发布

转载最新推荐文章于 2024-06-20 20:55:24 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shefron/p/5574043.html

本文介绍了一个使用JSONP发送请求的方法，通过在URL中添加回调函数名称实现跨域数据获取，并详细解释了整个过程。

// 根据指定URL发送一个JSONP请求
//然后把解析得到的相应数据传递给回调函数
//在URL中添加一个名为jsonp的查询参数,用于指定该请求的回调函数的名称
function getJSONP(url, callback){
  //为本次请求创建一个唯一的回调函数名称
  var cbnum = "cb"+getJSONP.counter++;
  var cbname = "getJSONP."+cbnum;    

  if(url.indexof("?") === -1){
    url += "?jsonp="+cbname;
  }else {
    url += "&jsonp="+cbname;
  }

  var script = document.createElement("script");

  getJSONP[cbnum] = function(response){
    try{
      callback(response);
    }finally{
      delete getJSONP[cbnum];
      script.prentNode.removeChild(script);
     }  
   };

    script.src = url;
    document.body.appendChild(script);

}

getJSONP.counter = 0;

转载于:https://www.cnblogs.com/shefron/p/5574043.html