使用Script元素發(fā)送JSONP請求的方法

更新時間：2016年06月12日 10:11:27 投稿：jingxian

下面小編就為大家?guī)硪黄褂肧cript元素發(fā)送JSONP請求的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

使用Script元素發(fā)送JSONP請求的方法

// 根據(jù)指定URL發(fā)送一個JSONP請求 
//然后把解析得到的相應(yīng)數(shù)據(jù)傳遞給回調(diào)函數(shù) 
//在URL中添加一個名為jsonp的查詢參數(shù),用于指定該請求的回調(diào)函數(shù)的名稱 
function getJSONP(url, callback){ 
 //為本次請求創(chuàng)建一個唯一的回調(diào)函數(shù)名稱 
 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;

以上這篇使用Script元素發(fā)送JSONP請求的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

借助script進行Http跨域請求:JSONP實現(xiàn)原理及代碼

相關(guān)文章

在JavaScript中使用對數(shù)Math.log()方法的教程
這篇文章主要介紹了在JavaScript中使用對數(shù)Math.log()方法的教程,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
javascript設(shè)計模式之工廠模式示例講解
這篇文章主要介紹了javascript設(shè)計模式中的工廠模式示例講解,需要的朋友可以參考下
2014-03-03
基于JavaScript自定義構(gòu)造函數(shù)的詳解說明
本篇文章小編為大家介紹，基于JavaScript自定義構(gòu)造函數(shù)的詳解說明。需要的朋友參考下
2013-04-04
JavaScript基本概念初級講解論壇貼的學(xué)習(xí)記錄
JavaScript基本概念論壇貼建議大家看下，都是一些js的高級的技巧知識小結(jié)。
2009-02-02
JavaScript函數(shù)表達式詳解及實例
這篇文章主要介紹了JavaScript函數(shù)表達式詳解及實例的相關(guān)資料,需要的朋友可以參考下
2017-05-05
parentElement,srcElement的使用小結(jié)
本篇文章主要是對parentElement,srcElement的使用進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
Knockout text綁定DOM的使用方法
本文講解Knockout text綁定到DOM元素上，使得該元素顯示的文本值為你綁定的參數(shù)。該綁定在顯示<span>或者<em>上非常有用，可以用在任何元素上
2013-11-11
javascript 全選與全取消功能的實現(xiàn)代碼
全選與全取消在工作過程中經(jīng)常會使用到，是因為它很方便，同時可以提高用戶體驗值，本文介紹如何使用javascript實現(xiàn)全選與全取消功能,需要了解的朋友可以參考下
2012-12-12
javascript知識點收藏
javascript知識點收藏...
2007-02-02
Javascript & DHTML 實例編程（教程）基礎(chǔ)知識
Javascript & DHTML 實例編程（教程）基礎(chǔ)知識...
2007-06-06