關於jsonp沒有呼叫success回撥方法
阿新 • • 發佈：2019-01-09
專案中關於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); //在預設的回撥方法中執行
}
可以成功獲得請求結果，但沒有執行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); //在預設的回撥方法中執行
}