下面小編就為大家?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, //默認(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請求。(因為將使用DOM的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生成度獨特的函數(shù)名，這樣請求更容易，也能方便地提供回調(diào)函數(shù)和錯誤處理。

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

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

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

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

關(guān)于自定了jsonp的回調(diào)函數(shù)， success函數(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)容了，希望能給大家一個參考