How to send JSONP requests using Script elements (graphic tutorial)

Below I will bring you an article on how to use Script elements to send JSONP requests. Let me share it with you now and give it as a reference for everyone.

How to use Script elements to send JSONP requests

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

The above is what I compiled Everyone, I hope it will be helpful to everyone in the future.

Related articles:

JavaScript dynamically changes HTML page elements such as adding or deleting

Use p5.js to create fireworks effects Sample code_javascript skills

Detailed explanation of the combination of JavaScript and HTML

The above is the detailed content of How to send JSONP requests using Script elements (graphic tutorial). For more information, please follow other related articles on the PHP Chinese website!