深入理解jquery跨域要求方法，深入理解jquery跨域

深入理解jquery跨域要求方法，深入理解jquery跨域

項目中關於ajax jsonp的使用，

出現了問題：可以成功獲得請求結果，但沒有執行success方法

總算搞定了，記錄一下

function TestAjax() {  $.ajax({    type : "get",    async : false,    url : "ajaxHandler.ashx", //實際上訪問時產生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10    data : {id : 10},    cache : false, //預設值true    dataType : "jsonp",    jsonp: "callbackfun",//傳遞給請求處理常式或頁面的，用以獲得jsonp回呼函數名的參數名(預設為:callback)    jsonpCallback:"jsonpCallback",      //自訂的jsonp回呼函數名稱，預設為jQuery自動產生的隨機函數名      //如果這裡自定了jsonp的回呼函數，則success函數則不起作用;否則success將起作用    success : function(json){      alert(json.message);    },    error:function(){      alert("erroe");    }  });}function jsonpCallback(data) //回呼函數{  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請求參數說明：

dataType string 伺服器返回的資料類型。

如果不指定，jQuery 將自動根據 HTTP 包 MIME 資訊來智能判斷，比如XML MIME類型就被識別為XML。

可用值:

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

"html": 返回純文字 HTML 資訊；包含的script標籤會在插入dom時執行。

"script": 返回純文字 JavaScript 代碼。不會自動緩衝結果。除非設定了"cache"參數。

注意：在遠程請求時(不在同一個域下)，所有POST請求都將轉為GET請求。(因為將使用DOM的script標籤來載入)

"json": 返回 JSON 資料 。

"text": 返回純文字字串

"jsonp":jsonp格式。使用jsonp形式調用函數時，

訪問url時會自動將url後面添加上如"callback=callbackFunName" 以執行回呼函數(callbackFunName)。

jsonp string

在一個jsonp請求中重寫回呼函數的名字。這個值用來替代在"callback=?"這種get或post請求中url參數裡的"callback"部分，

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

jsonpCallback String  此參數為jsonp請求指定一個回呼函數名。

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

這主要用來讓jQuery產生度獨特的函數名，這樣請求更容易，也能方便地提供回呼函數和錯誤處理。

也可以在想讓瀏覽器緩衝GET請求的時候，指定這個回呼函數名。

 ajax jsonp與普通的ajax請求的主要區別在於——請求響應結果的處理。如上面代碼所示的響應結果為：

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

實際上就是調用jsonp回呼函數jsonpCallback,並將要響應的字串或json傳入此方法，

關於自定了jsonp的回呼函數， success函數則不起作用

大概其底層的實現(當然這是預設的回呼函數的時候，否則就不會執行success的方法吧)：

function default_jsonpCallback(data){  success(data); //在預設的回調方法中執行}

最後一個比較簡單的方法，

$.getJSON("GetUserbyName.aspx?name=ww&callback=?",function(date){//....})

以上這篇深入理解jquery跨域要求方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。