項(xiàng)目中關(guān)于ajax jsonp的使用，

出現(xiàn)了問題：可以成功獲得請求結(jié)果，但沒有執(zhí)行success方法

總算搞定了，記錄一下

function TestAjax()
 {
  $.ajax({
    type : "get",
    async : false,
    url : "ajaxHandler.ashx", //實(shí)際上訪問時(shí)產(chǎn)生的地址為: ajax.ashx?callbackfun=jsonpCallback&id=10
    data : {id : 10},
    cache : false, //默認(rèn)值true
    dataType : "jsonp",
    jsonp: "callbackfun",//傳遞給請求處理程序或頁面的，用以獲得jsonp回調(diào)函數(shù)名的參數(shù)名(默認(rèn)為:callback)
    jsonpCallback:"jsonpCallback",
      //自定義的jsonp回調(diào)函數(shù)名稱，默認(rèn)為jQuery自動(dòng)生成的隨機(jī)函數(shù)名
      //如果這里自定了jsonp的回調(diào)函數(shù)，則success函數(shù)則不起作用;否則success將起作用
    success : function(json){
      alert(json.message);
    },
    error:function(){
      alert("erroe");
    }
  });
}

function jsonpCallback(data) //回調(diào)函數(shù)
{
  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請求參數(shù)說明：

dataType string 服務(wù)器返回的數(shù)據(jù)類型。

如果不指定，jQuery 將自動(dòng)根據(jù) HTTP 包 MIME 信息來智能判斷，比如XML MIME類型就被識(shí)別為XML。

可用值:

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

"html": 返回純文本 HTML 信息；包含的script標(biāo)簽會(huì)在插入dom時(shí)執(zhí)行。

"script": 返回純文本 JavaScript 代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了"cache"參數(shù)。

注意：在遠(yuǎn)程請求時(shí)(不在同一個(gè)域下)，所有POST請求都將轉(zhuǎn)為GET請求。(因?yàn)閷⑹褂肈OM的script標(biāo)簽來加載)

"json": 返回 JSON 數(shù)據(jù) 。

"text": 返回純文本字符串

"jsonp":jsonp格式。使用jsonp形式調(diào)用函數(shù)時(shí)，

訪問url時(shí)會(huì)自動(dòng)將url后面添加上如"callback=callbackFunName" 以執(zhí)行回調(diào)函數(shù)(callbackFunName)。

jsonp string

在一個(gè)jsonp請求中重寫回調(diào)函數(shù)的名字。這個(gè)值用來替代在"callback=?"這種get或post請求中url參數(shù)里的"callback"部分，

比如 jsonp:'callbackfun' 則將會(huì)生成"callbackfun=?"傳給服務(wù)器。

jsonpCallback String  此參數(shù)為jsonp請求指定一個(gè)回調(diào)函數(shù)名。

這個(gè)值將用來取代jQuery自動(dòng)生成的隨機(jī)函數(shù)名。 即上面"callback=?"中的問號(hào)部分

這主要用來讓jQuery生成度獨(dú)特的函數(shù)名，這樣請求更容易，也能方便地提供回調(diào)函數(shù)和錯(cuò)誤處理。

也可以在想讓瀏覽器緩存GET請求的時(shí)候，指定這個(gè)回調(diào)函數(shù)名。

 ajax jsonp與普通的ajax請求的主要區(qū)別在于——請求響應(yīng)結(jié)果的處理。如上面代碼所示的響應(yīng)結(jié)果為：

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

實(shí)際上就是調(diào)用jsonp回調(diào)函數(shù)jsonpCallback,并將要響應(yīng)的字符串或json傳入此方法，

關(guān)于自定了jsonp的回調(diào)函數(shù)， success函數(shù)則不起作用

大概其底層的實(shí)現(xiàn)(當(dāng)然這是默認(rèn)的回調(diào)函數(shù)的時(shí)候，否則就不會(huì)執(zhí)行success的方法吧)：

function default_jsonpCallback(data)
{
  success(data); //在默認(rèn)的回調(diào)方法中執(zhí)行
}

最后一個(gè)比較簡單的方法，

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

以上這篇深入理解jquery跨域請求方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

最新評(píng)論