使用Script元素发送JSONP请求的方法

内容摘要
使用Script元素发送JSONP请求的方法


// 根据指定URL发送一个JSONP请求
//然后把解析得到的相应数据传递给回调函数
//在URL中添加一个名为jsonp的查询参数,用于指定该请
文章正文

使用Script元素发送JSONP请求的方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// 根据指定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;

以上这篇使用Script元素发送JSONP请求的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持phpstudy。


代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!