欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery+Ajax實現(xiàn)跨域訪問

 更新時間:2022年05月19日 08:24:42   作者:springsnow  
這篇文章介紹了Jquery實現(xiàn)Ajax跨域訪問的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

一、跨域的集中方法:

  • 服務(wù)器端發(fā)送請求,服務(wù)器作為中繼代理(此方法不理解)
  • iframe
  • script標簽

通過動過動態(tài)生成script標簽,并將src指向目標源的方式

原生實現(xiàn)方式示例:

var url="www.xxx.baidu.com/aa.js",
scriptTag=document.createElement("script");
scriptTag.src=url;
document.getElementByTagName("head")[0].appendChild(scriptTag);

function showSth(data){
  alert(data.a);
}
////////////aa.js
var aa={"a":"A"};
showSth(aa);

二、jsonp:

1、客戶端

使用script標簽實現(xiàn)跨域訪問、可在url中指定回調(diào)函數(shù)、獲取json數(shù)據(jù)并在指定的回調(diào)函數(shù)中執(zhí)行

jQuery實現(xiàn)jsonp

//$.getJSON
var url="wwwa.xxx.baidu.com/aa.js?callback=?"http://使用?作為回調(diào)函數(shù)名,jquey會自動生成隨機名替換?號。
$.getJSON(url,function(jsoon){
  alert(json.name+json.Email);
});

//$.ajax;
var url=www.xxx.baidu.com/aa.asmx?code=xx
$.ajax({
  url: url,
  dataType: jsonp,
   jsonp:”callback”,//傳遞給請求處理程序的參數(shù)名,用來獲取jsonp回調(diào)函數(shù)名(默認為“callback”,自動在URL中加上callback=?參數(shù))
   jsonpCallback:”GetUser”,//自定義的jsonp回調(diào)函數(shù)名(默認為jquery自動生成的隨機函數(shù)名),此參數(shù)通常不用設(shè)置
  success:function(json){
    alert(json.name+json.Email);
  }
});

jQuery 只支持get方式的jsonp實現(xiàn)。

jsonp的缺點:如果返回的數(shù)據(jù)格式有問題或返回失敗了,并不會報錯。

2、服務(wù)端

string jsoncallback = context.Request["callback"]; //如果不指定jsoncallback參數(shù)名,則返回隨機函數(shù)名。
string jsonp=jsoncallback+"("+ new JavaScriptSerializer(new {Name="a",Email="B"})+")"
context.Response.ContentType = "text/plain";
context.Response.Write(jsonp);

到此這篇關(guān)于Jquery+Ajax實現(xiàn)跨域訪問的文章就介紹到這了。希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評論