日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

Jquery+Ajax實現跨域訪問_jquery

作者:springsnow ? 更新時間: 2022-07-14 編程語言

一、跨域的集中方法:

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

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

原生實現方式示例:

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標簽實現跨域訪問、可在url中指定回調函數、獲取json數據并在指定的回調函數中執行

jQuery實現jsonp

//$.getJSON
var url="wwwa.xxx.baidu.com/aa.js?callback=?"http://使用?作為回調函數名,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”,//傳遞給請求處理程序的參數名,用來獲取jsonp回調函數名(默認為“callback”,自動在URL中加上callback=?參數)
   jsonpCallback:”GetUser”,//自定義的jsonp回調函數名(默認為jquery自動生成的隨機函數名),此參數通常不用設置
  success:function(json){
    alert(json.name+json.Email);
  }
});

jQuery 只支持get方式的jsonp實現。

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

2、服務端

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

原文鏈接:https://www.cnblogs.com/springsnow/p/9461758.html

相關推薦

欄目分類
最近更新