欧美国产另类久热|951超碰伊人久久|伊人影视久久久久|色婷婷亚洲小电影|色东京热69XX|婷婷玖玖深爱网|加勒比东京热网站|无码A级毛片在线观看|一级a毛一级a看|中文字幕人妻欧美

深入理解jquery跨域請求方法
來源:易賢網(wǎng) 閱讀:1045 次 日期:2016-06-27 15:27:26
溫馨提示:易賢網(wǎng)小編為您整理了“深入理解jquery跨域請求方法”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄钊肜斫鈐query跨域請求方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。

項目中關(guān)于ajax jsonp的使用,

出現(xiàn)了問題:可以成功獲得請求結(jié)果,但沒有執(zhí)行success方法

總算搞定了,記錄一下

function TestAjax()

 {

  $.ajax({

    type : "get",

    async : false,

    url : "ajaxHandler.ashx", //實際上訪問時產(chǎn)生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10

    data : {id : 10},

    cache : false, //默認值true

    dataType : "jsonp",

    jsonp: "callbackfun",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認為:callback)

    jsonpCallback:"jsonpCallback",

      //自定義的jsonp回調(diào)函數(shù)名稱,默認為jQuery自動生成的隨機函數(shù)名

      //如果這里自定了jsonp的回調(diào)函數(shù),則success函數(shù)則不起作用;否則success將起作用

    success : function(json){

      alert(json.message);

    },

    error:function(){

      alert("erroe");

    }

  });

}

function jsonpCallback(data) //回調(diào)函數(shù)

{

  alert(data.message); //

}

  

public class ajaxHandler : IHttpHandler

{

  public void ProcessRequest (HttpContext context) {

    context.Response.ContentType = "text/plain";

    string callbackfun = context.Request["callbackfun"];

    context.Response.Write(callbackfun + "({name:\"John\", message:\"hello John\"})");

    context.Response.End();

  }

  public bool IsReusable {get {return false;}

}

ajax請求參數(shù)說明:

dataType string 服務器返回的數(shù)據(jù)類型。

如果不指定,jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷,比如XML MIME類型就被識別為XML。

可用值:

"xml": 返回 XML 文檔,可用 jQuery 處理。

"html": 返回純文本 HTML 信息;包含的script標簽會在插入dom時執(zhí)行。

"script": 返回純文本 JavaScript 代碼。不會自動緩存結(jié)果。除非設(shè)置了"cache"參數(shù)。

注意:在遠程請求時(不在同一個域下),所有POST請求都將轉(zhuǎn)為GET請求。(因為將使用DOM的script標簽來加載)

"json": 返回 JSON 數(shù)據(jù) 。

"text": 返回純文本字符串

"jsonp":jsonp格式。使用jsonp形式調(diào)用函數(shù)時,

訪問url時會自動將url后面添加上如"callback=callbackFunName" 以執(zhí)行回調(diào)函數(shù)(callbackFunName)。

jsonp string

在一個jsonp請求中重寫回調(diào)函數(shù)的名字。這個值用來替代在"callback=?"這種get或post請求中url參數(shù)里的"callback"部分,

比如 jsonp:'callbackfun' 則將會生成"callbackfun=?"傳給服務器。

jsonpCallback String  此參數(shù)為jsonp請求指定一個回調(diào)函數(shù)名。

這個值將用來取代jQuery自動生成的隨機函數(shù)名。 即上面"callback=?"中的問號部分

這主要用來讓jQuery生成度獨特的函數(shù)名,這樣請求更容易,也能方便地提供回調(diào)函數(shù)和錯誤處理。

也可以在想讓瀏覽器緩存GET請求的時候,指定這個回調(diào)函數(shù)名。

 ajax jsonp與普通的ajax請求的主要區(qū)別在于——請求響應結(jié)果的處理。如上面代碼所示的響應結(jié)果為:

  jsonpCallback({ name:"world",message:"hello world"});

實際上就是調(diào)用jsonp回調(diào)函數(shù)jsonpCallback,并將要響應的字符串或json傳入此方法,

關(guān)于自定了jsonp的回調(diào)函數(shù), success函數(shù)則不起作用

大概其底層的實現(xiàn)(當然這是默認的回調(diào)函數(shù)的時候,否則就不會執(zhí)行success的方法吧):

function default_jsonpCallback(data)

{

  success(data); //在默認的回調(diào)方法中執(zhí)行

}

最后一個比較簡單的方法,

$.getJSON("GetUserbyName.aspx?name=ww&callback=?",

function(date)

{

//....

}

)

以上這篇深入理解jquery跨域請求方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:深入理解jquery跨域請求方法
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權(quán)所有:易賢網(wǎng)