>  기사  >  웹 프론트엔드  >  스크립트 요소를 사용하여 JSONP 요청을 보내는 방법(그래픽 튜토리얼)

스크립트 요소를 사용하여 JSONP 요청을 보내는 방법(그래픽 튜토리얼)

亚连
亚连원래의
2018-05-21 10:12:131309검색

이제 스크립트 요소를 사용하여 JSONP 요청을 보내는 방법에 대한 기사를 가져오겠습니다. 이제 그것을 여러분과 공유하고 모든 사람에게 참고 자료로 제공하겠습니다.

스크립트 요소를 사용하여 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의 조합에 대한 자세한 설명

위 내용은 스크립트 요소를 사용하여 JSONP 요청을 보내는 방법(그래픽 튜토리얼)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.