ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery ajaxの使い方
ajax() メソッドは、HTTP リクエストを通じてリモート データを読み込みます。
このメソッドは、jQuery の基礎となる AJAX 実装です。シンプルで使いやすい高レベルの実装については、$.get、$.post などを参照してください。 $.ajax() は、作成した XMLHttpRequest オブジェクトを返します。ほとんどの場合、柔軟性を高めるためにあまり使用されないオプションを操作する必要がない限り、この関数を直接操作する必要はありません。
最も単純なケースでは、$.ajax() をパラメーターなしで直接使用できます。
注: すべてのオプションは、$.ajaxSetup() 関数を通じてグローバルに設定できます。
#構文
jQuery.ajax([settings])// 发请求并且能得知成功还是失败。設定 (オプション)。 Ajax リクエストの構成に使用されるキーと値のペアのコレクション。オプションのデフォルト値は、$.ajaxSetup() を介して設定できます。 type: 「POST」または「GET」を入力します。デフォルトは「GET」です。 url: リクエストを送信するアドレス。 data: リクエストとともにサーバーに送信されるデータを含むオブジェクトです。 dataType: サーバーから返されることが期待されるデータ型。指定しない場合、jQuery は HTTP に含まれる MIME 情報に基づいて自動的にインテリジェントな判断を行います。通常は、「json」に設定できる json 番号を使用します。 success: メソッド、リクエストが成功した後のコールバック関数です。返されたデータと成功コードを含む文字列を渡します。 error: はメソッドであり、この関数はリクエストが失敗したときに呼び出されます。 XMLHttpRequest オブジェクトを渡します。
例:
$(document).ready(function(){ $("#searchBtn").click(function(){ $.ajax({ type:"GET", url:" https://api.passport.xxx.com/checkNickname?username="+mylogin.username+"&token="+mylogin.token+"&nickname="+nickname+"&format=jsonp&cb=?", dataType:"json", success:function(data){ if(data.errorCode==0){ $("#nickname").val(mylogin.nickname); }else{ $("#nickname").val("用户"); } }, error:function(jqXHR){ console.log("Error: "+jqXHR.status); } }); }); });
以上がjQuery ajaxの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。