ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery の JSONP を介してリモートで ajax メソッドを呼び出す方法

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

WBOY
リリース: 2016-05-16 16:50:07
オリジナル
1244 人が閲覧しました

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";


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート