Ajax関連機(jī)能
Ajax 関連関數(shù)
jQuery は、Ajax 関數(shù)を支援するためにいくつかの関連関數(shù)を提供します。
1. jQuery.ajaxSetup( options )
戻り値なし
説明:
グローバル AJAX のデフォルト オプション オプションを設(shè)定します。
説明:
場(chǎng)合によっては、ページ上のすべての Ajax 屬性のデフォルトの動(dòng)作を設(shè)定したい場(chǎng)合があります。その場(chǎng)合、この関數(shù)を使用してオプションを設(shè)定すると、すべての Ajax リクエストのデフォルトのオプションが変更されます。
たとえば、ページが読み込まれるときに、次のコードを使用して Ajax のデフォルト オプションを設(shè)定します。
$.ajaxSetup({ url: "../data/AjaxGetMethod.aspx", data: { "param": "ziqiu.zhang" }, global: false, type: "POST", success: function(data, textStatus) { $("#divResult").html(data); }});
此后我們可以使用無參數(shù)的get(),post()或者ajax()方法發(fā)送 ajax 請(qǐng)求.完整的示例代碼如下:
<!doctype html><html><head>
<meta charset="utf-8"/>
<title>jQuery Ajax - Load</title>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function() {
$.ajaxSetup({
url: "../data/AjaxGetMethod.aspx",
data: { "param": "ziqiu.zhang" },
global: false,
type: "POST",
success: function(data, textStatus) {
$("#divResult").html(data);
}
});
$("#btnAjax").click(function(event) { $.ajax(); });
$("#btnGet").click(function(event) { $.get(); });
$("#btnPost").click(function(event) { $.post(); });
$("#btnGet2").click(function(event) { $.get("../data/AjaxGetMethod.aspx",{ "param": "other" }); });
}); </script></head> <body>
<button id="btnAjax">nontransfer param call ajax() method</button><br />
<button id="btnGet">nontransfer param call get() method</button><br />
<button id="btnPost">nontransfer param call post() method</button><br />
<button id="btnGet2">transfer param call get() method , use global default callback</button><br />
<br />
<div id="divResult"></div>
</body>
</html>get() または post() メソッドを使用する場(chǎng)合、type パラメーターが GET として書き換えられる點(diǎn)に注意してください。または POST、その他 パラメータが渡されない限り、デフォルトのグローバル オプションが使用されます。特定のオプションが渡される場(chǎng)合、たとえば最後のボタンが URL とパラメータを渡す場(chǎng)合、この呼び出しは渡されたオプションに基づいて行われます。コールバック関數(shù)など、渡されないオプションは、引き続きグローバル オプションを使用して値を設(shè)定します。
2.serialize( )
Returns: String
Description:
シーケンスリストテーブルの內(nèi)容は、Ajax リクエストに使用される文字列です。
シリアル化は、フォーム データをサーバーに送信するときに最も一般的に使用されます。シリアル化されたデータは標(biāo)準(zhǔn)形式であり、ほぼすべてのサーバーでサポートできます。
できるだけ正常に動(dòng)作するには、シリアル化されるフォームフィールドに name 屬性が必要です。eid が 1 つだけでは機(jī)能しません。
次のように name 屬性を記述します: <input id="email" name="email" type="text" />
説明:
serialize() 関數(shù)は、フォーム內(nèi)のフォーム オブジェクトを結(jié)合します。文字列としてサーバーに送信されます。 Ajaxを利用して送信する際にフォームデータを取得できると便利です。これは、フォームが Get メソッドで送信される場(chǎng)合と似ており、フォーム オブジェクトの名前/値が送信用の URL に自動(dòng)的に配置されます。
3.serializeArray( )
戻り値: Array< Object>
説明:
この関數(shù)を使用して JSON オブジェクトを取得しますが、jQuery は JSON オブジェクトを JSON 文字列に変換するメソッドを提供しません。したがって、元の記事で説明した jquery.json プラグインなどのプラグインを使用する必要があります
