欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用Script元素发送JSONP请求的方法(图文教程)

程序员文章站 2022-04-13 09:28:04
...
下面我就为大家带来一篇使用Script元素发送JSONP请求的方法。现在就分享给大家,也给大家做个参考。

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

// 根据指定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;

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

JavaScript动态改变HTML页面元素例如添加或删除

用p5.js制作烟花特效的示例代码_javascript技巧

JavaScript与HTML的结合方法详解

以上就是使用Script元素发送JSONP请求的方法(图文教程)的详细内容,更多请关注其它相关文章!