jquery中的ajax方法如何透過JSONP進行遠端呼叫_jquery

關於JSONP的概念和為什麼要使用JSONP網上已經有很多教程，這一節主要演示下在JQUERY中的ajax方法怎樣通過JSONP進行遠程調用

首先介紹下$.ajax的參數

type：請求方式GET/POST

url:請求位址

async:布林類型，預設為true 表示請求是否為非同步，如果為false表示為同步。

dataType：傳回的資料類型

jsonp：傳遞給請求處理程序或頁面的，用以獲得jsonp回呼函數名的參數名稱(一般預設為:callback)

jsonpCallback：自訂的jsonp回呼函數名稱，預設為jQuery自動產生的隨機函數名，也可以寫"?"，jQuery會自動為你處理資料

success：呼叫成功執行的函數

error：異常處理函數

1.範例1

伺服器端我們採用MVC的ACTION來回傳資料

複製程式碼

程式碼如下:

public class HomeController : Controller
{
//
//Home GET: /Home/ GET /

public ActionResult Index()
{
returnView();
}

public ActionResult ReturnJson()
{
{ string json = "{'name':'張三','age':'20'}";
string result = string.Format("{0}({ 1})", callback, json);
returnContent(result);
}

}

客戶端使用jsonp來傳輸數據

複製程式碼

程式碼如下:

@{
ViewBag.Title = "Index";
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}

點擊提交按鈕後，發現伺服器端的Request.QueryString["callback"]傳回隨機函式名稱。這樣就被設定成JSONP格式來傳遞資料了

2.自訂函數名

可以在傳遞過程中自訂函數名，只要使用jsonpCallback參數就可以了。

jsonp:表示傳遞的參數，預設為callback，我們也可以自訂，伺服器段透過此參數，取得自訂的函數名稱，伺服器這樣取得Request.QueryString["callback"]

jsonpCallback表示傳遞的參數值，也就是回呼的函數名稱，這是自訂的名稱。 複製代碼

代碼如下:

}