首頁 > web前端 > js教程 > 在jquery中的ajax方法怎樣透過JSONP進行遠端呼叫_jquery

在jquery中的ajax方法怎樣透過JSONP進行遠端呼叫_jquery

WBOY
發布: 2016-05-16 16:53:28
原創
1611 人瀏覽過

關於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
{
//
// GET: /Home/

public ActionResult Index()
{ { }

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

}

客戶端使用jsonp來傳輸數據

複製代碼程式碼如下:
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}






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

2.自訂函數名
可以在傳遞過程中自訂函數名,只要使用jsonpCallback參數就可以了。
jsonp:表示傳遞的參數,預設為callback,我們也可以自定義,伺服器段透過此參數,取得自訂的函數名稱,伺服器這樣取得Request.QueryString["callback"]
jsonpCallback表示傳遞的參數值,也就是回呼的函數名稱,這是自訂的名稱。

複製代碼 代碼如下:


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板