項目中關於ajax jsonp的使用,出現了問題:可以成功獲得請求結果,但沒有執行success方法總算搞定了,記錄一下 function TestAjax() { $.ajax({ type : "get", async : false, url : "ajaxHandler.ashx", //實 ...
項目中關於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)
{
//....
}
)