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

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

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

一、跨域的集中方法:

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

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

原生實(shí)現(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標(biāo)簽實(shí)現(xiàn)跨域訪問、可在url中指定回調(diào)函數(shù)、獲取json數(shù)據(jù)并在指定的回調(diào)函數(shù)中執(zhí)行

jQuery實(shí)現(xiàn)jsonp

//$.getJSON
var url="wwwa.xxx.baidu.com/aa.js?callback=?"http://使用?作為回調(diào)函數(shù)名,jquey會(huì)自動(dòng)生成隨機(jī)名替換?號(hào)。
$.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”,//傳遞給請(qǐng)求處理程序的參數(shù)名,用來獲取jsonp回調(diào)函數(shù)名(默認(rèn)為“callback”,自動(dòng)在URL中加上callback=?參數(shù))
   jsonpCallback:”GetUser”,//自定義的jsonp回調(diào)函數(shù)名(默認(rèn)為jquery自動(dòng)生成的隨機(jī)函數(shù)名),此參數(shù)通常不用設(shè)置
  success:function(json){
    alert(json.name+json.Email);
  }
});

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

jsonp的缺點(diǎn):如果返回的數(shù)據(jù)格式有問題或返回失敗了,并不會(huì)報(bào)錯(cuò)。

2、服務(wù)端

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

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

相關(guān)文章

最新評(píng)論