jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作メソッド

jQuery 遍歴

jQuery Ajax

jQuery 極端

jQueryリファレンスマニュアル

jQuery雑多メソッド jQueryAJAXメソッド

jQuery ajax() メソッド

jQuery Ajaxメソッド

$ .ajax()方法执行异步HTTP（Ajax）请求。

$ .ajax()メソッドを使用して非同期HTTP（Ajax）リクエストを実行します。$ .ajax()メソッドはjQueryが送信するすべてのAjaxリクエストの基本です。通常、このメソッドを直接呼び出す必要はありません。他の方法を使用して、このメソッドを呼び出すことができます。$ .get()、$ .post()およびload()

他のいくつかのより高度な代替方法があり、使いやすくなっています。しかし、一般的なオプションが少ない場合は、$ .ajax()がより柔軟に使用できます。

文法：：1.5+バージョンのAJAXリクエスト：

文法一

$.ajax(url, {name:value, name:value, ...}) ：1.0+バージョン：

文法二

例

$.ajax("ajax_intro.txt", {success: function(response){を使用してを追加するバージョンのAJAXリクエストDIV要素のテキストを変更する：1.5バージョンのAJAXリクエスト：

例

$.ajax(name:value, name:value, ...)
　　$("div").html(response);
});

テストを見て‹/›

$.ajax("ajax_intro.txt", {success: function(response){を使用してを追加するバージョンのAJAXリクエストDIV要素のテキストを変更する：1.0バージョン：

例

$.ajax({
　　url: "ajax_intro.txt",
　　success: function(response){
　　　　$("div").html(response);
　　}
});

テストを見て‹/›

ajax_get.phpページをリクエストし、他のデータを送信します：

例

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　$("div").html(response);
　　}
});

テストを見て‹/›

ajax_get.phpページをリクエストし、他のデータを送信し、ステータスメッセージを警告します：

例

$.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response, status){
　　　　　　　　$("div").html(response);
　　　　　　　　alert(status);
　　}
});

テストを見て‹/›

HTTP POSTメソッドを使用してajax_post.phpページをリクエストします：

例

$.ajax({
　　url: "ajax_post.php",
　　method: "POST",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

テストを見て‹/›

非同期設定を使用して同期リクエストを指定します：

例

$.ajax({
　　url: "ajax_get.php",
　　async: false,
　　data: {fname:"Seagull",　lname:"Anna"},
　　success: function(response){
　　　　　　　　$("div").html(response);
　　}
});

テストを見て‹/›

dataType設定を使用してリクエストする指定データタイプを設定します：

例

$.ajax({
　　url: ""/javascript/myscript.js",
　　dataType: "script"
});

テストを見て‹/›

Ajaxリクエストがエラーになった場合、通知を表示します：

例

$.ajax({
　　url: "wrong_file.html",
　　success: function(response){
　　　　　　　　$("div").html(response);
　　},
　　error: function(xhr){
　　　　　　　　$("div").html("発生したエラー:　"　+　xhr.status　+　"　"　+　xhr.statusText);
　　}
});

テストを見て‹/›

请求文件，并在完成后通知用户。如果请求失败，则显示一条通知：

例

let request = $.ajax({
　　url: "ajax_get.php",
　　data: {fname:"Seagull", lname:"Anna"}
});
request.done(function(msg){
　　$("div").html(msg);
});
request.fail(function(xhr, textStatus){
　　$("div").html("Request failed: ");　+　textStatus);
});

テストを見て‹/›

パラメータの値

AJAXリクエストに1つ以上のname:valueペアを指定するパラメータです。

可能な名前：以下の値：

名前	値のタイプ	説明
async	布尔型	リクエストを非同期に処理するかどうかを示すブール値です。デフォルトはtrueです。
beforeSend(xhr)	関数	リクエストを送信する前に実行される関数です。
cache	布尔型	ブラウザがリクエストのページをキャッシュするかどうかを示すブール値です。デフォルトはtrueです。
complete(xhr,status)	関数	リクエストが完了した後に実行される関数（成功およびエラーファンクションの後に）です。
contentType	ブール値または文字列	データをサーバーに送信する際に使用するコンテンツタイプです。デフォルト値は「application」です。 / x-www-form-urlencoded
context	普通のオブジェクト	すべてのAJAX関連のカールバック関数に「this」値を指定します。
data	PlainObjectまたはStringまたはArray	サーバーに送信するデータを指定します。
dataFilter(data,type)	関数	XMLHttpRequestの原始応答データを処理するための関数です。
dataType	文字列	サーバーが予測するデータのデータタイプです。
error(xhr,status,error)	関数	リクエストが失敗したときに実行される関数です。
global	布尔型	リクエストがグローバルAJAXイベントハンドラをトリガーするかどうかを指定するブール値です。デフォルトはtrueです。
ifModified	布尔型	前回のリクエスト以来の応答が変更された場合のみ、リクエストが成功するかどうかを指定するブール値です。デフォルト値はfalseです。
jsonp	文字列またはブール値	jsonpリクエストのカールバック関数をオーバーライドします。
jsonpCallback	関数	jsonpリクエストのカールバック関数の名前を指定します。
method	文字列	リクエストに使用するHTTPメソッド（GETまたはPOST）を指定します。デフォルトはGETです。
password	文字列	HTTPアクセス認証リクエストで使用するパスワードを指定します。
processData	布尔型	リクエストとともに送信するデータをクエリ文字列に変換するかどうかを指定するブール値です。デフォルトはtrueです。
scriptCharset	文字列	リクエストの文字セットを指定
statusCode	普通のオブジェクト	HTTPコードとそのコードに対応する関数が応答を持つ場合に呼び出されるオブジェクト $　.ajax({ 　　statusCode：{ 　　　　404:function(){ 　　　　　　alert（「ページが見つかりません」）; 　　　　} 　　} )）;
success(response,status,xhr)	関数	リクエストが成功したときに実行される関数
timeout	数字	リクエストのローカルタイムアウト（ミリ秒単位）
traditional	布尔型	真の布尔値、従来のパラメータシリアライゼーションスタイルを使用するかどうかを指定
type	文字列	methodの別名です。1.9jQueryの0.0以前のバージョンでは、typeを使用する必要があります。
url	文字列	リクエストを送信するURLを指定。デフォルトは現在のページ
username	文字列	HTTPアクセス認証リクエストで使用するユーザー名を指定
xhr	関数	XMLHttpRequestオブジェクトを作成するための関数

jQuery Ajaxメソッド

jQuery雑多メソッド jQueryAJAXメソッド