項目中關于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跨域請求方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答