jquery_jquery の JSONP を介してリモートで ajax メソッドを呼び出す方法

JSONP の概念と JSONP を使用する理由については、インターネット上に多数のチュートリアルがあります。このセクションでは主に、JSONP を介して JQUERY の ajax メソッドをリモートで呼び出す方法を説明します。

まず、$.ajax
のパラメーターを紹介します。
type: リクエストメソッド GET/POST

url: リクエストアドレス

async: ブール型。デフォルトはリクエストが非同期かどうかを示す true で、false の場合は同期を示します。

dataType: 返されるデータ型

jsonp: jsonp コールバック関数名を取得するためにリクエスト ハンドラーまたはページに渡されるパラメータ名 (通常、デフォルトは callback)

jsonpCallback: カスタマイズされた jsonp コールバック関数名。デフォルトは、jQuery によって自動的に生成されるランダムな関数名です。「?」を記述することもでき、jQuery が自動的にデータを処理します。

success: 正常に実行された関数を呼び出します。 function

error: 例外処理関数

1. 例 1

サーバー側では、MVC の ACTION を使用してデータを返します

コードをコピーします コードは次のとおりです:

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

public ActionResult Index()
{
returnView()
}

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

}

クライアントは jsonp を使用して、データ送信

コードをコピー コードは次のとおりです:

@{
ViewBag。タイトル = "インデックス";
レイアウト = "~/Views/Shared/_Layout.cshtml";