關於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)
{
//....
}
)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM