Comment envoyer des requêtes JSONP à l'aide d'éléments de script (tutoriel graphique)

Maintenant, je vais vous proposer un article sur la façon d'utiliser les éléments de script pour envoyer des requêtes JSONP. Permettez-moi de le partager avec vous maintenant et de le donner comme référence pour tout le monde.

Méthode d'envoi de requête JSONP à l'aide de l'élément Script

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

C'est moi, je je l'ai compilé pour tout le monde, j'espère qu'il sera utile à tout le monde à l'avenir.

Articles connexes :

JavaScript modifie dynamiquement les éléments de la page HTML, tels que l'ajout ou la suppression de

Utilisation de p5.js pour créer effets de feux d'artifice Exemples de compétences code_javascript

Explication détaillée de la combinaison de JavaScript et HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!