首頁  >  文章  >  web前端  >  使用Script元素發送JSONP請求的方法(圖文教學)

使用Script元素發送JSONP請求的方法(圖文教學)

亚连
亚连原創
2018-05-21 10:12:131294瀏覽

下面我就為大家帶來一篇使用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請求的方法(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn