深入理解jquery跨域請求方法

字號:


    下面小編就為大家?guī)硪黄钊肜斫鈐query跨域請求方法。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。
    項目中關(guān)于ajax jsonp的使用,
    出現(xiàn)了問題:可以成功獲得請求結(jié)果,但沒有執(zhí)行success方法
    總算搞定了,記錄一下
    function TestAjax()
     {
      $.ajax({
        type : "get",
        async : false,
        url : "ajaxHandler.ashx", //實(shí)際上訪問時產(chǎn)生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10
        data : {id : 10},
        cache : false, //默認(rèn)值true
        dataType : "jsonp",
        jsonp: "callbackfun",//傳遞給請求處理程序或頁面的,用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認(rèn)為:callback)
        jsonpCallback:"jsonpCallback",
          //自定義的jsonp回調(diào)函數(shù)名稱,默認(rèn)為jQuery自動生成的隨機(jī)函數(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 服務(wù)器返回的數(shù)據(jù)類型。
    如果不指定,jQuery 將自動根據(jù) HTTP 包 MIME 信息來智能判斷,比如XML MIME類型就被識別為XML。
    可用值:
    "xml": 返回 XML 文檔,可用 jQuery 處理。
    "html": 返回純文本 HTML 信息;包含的script標(biāo)簽會在插入dom時執(zhí)行。
    "script": 返回純文本 JavaScript 代碼。不會自動緩存結(jié)果。除非設(shè)置了"cache"參數(shù)。
    注意:在遠(yuǎn)程請求時(不在同一個域下),所有POST請求都將轉(zhuǎn)為GET請求。(因?yàn)閷⑹褂肈OM的script標(biāo)簽來加載)
    "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=?"傳給服務(wù)器。
    jsonpCallback String  此參數(shù)為jsonp請求指定一個回調(diào)函數(shù)名。
    這個值將用來取代jQuery自動生成的隨機(jī)函數(shù)名。 即上面"callback=?"中的問號部分
    這主要用來讓jQuery生成度獨(dú)特的函數(shù)名,這樣請求更容易,也能方便地提供回調(diào)函數(shù)和錯誤處理。
    也可以在想讓瀏覽器緩存GET請求的時候,指定這個回調(diào)函數(shù)名。
     ajax jsonp與普通的ajax請求的主要區(qū)別在于——請求響應(yīng)結(jié)果的處理。如上面代碼所示的響應(yīng)結(jié)果為:
      jsonpCallback({ name:"world",message:"hello world"});
    實(shí)際上就是調(diào)用jsonp回調(diào)函數(shù)jsonpCallback,并將要響應(yīng)的字符串或json傳入此方法,
    關(guān)于自定了jsonp的回調(diào)函數(shù), success函數(shù)則不起作用
    大概其底層的實(shí)現(xiàn)(當(dāng)然這是默認(rèn)的回調(diào)函數(shù)的時候,否則就不會執(zhí)行success的方法吧):
    function default_jsonpCallback(data)
    {
      success(data); //在默認(rèn)的回調(diào)方法中執(zhí)行
    }
    最后一個比較簡單的方法,
    $.getJSON("GetUserbyName.aspx?name=ww&callback=?",
    function(date)
    {
    //....
    }
    )
    以上這篇深入理解jquery跨域請求方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考