jQuery を使用して Ajax カプセル化を実装する手順を共有する

この記事の内容は、jQuery を使用して Ajax カプセル化を実装する手順を共有することです。必要な友人はそれを参照できます

load メソッド

• 、[折り返し電話]）。 data は送信されたデータ、callback はコールバック関数、コールバック関数は 3 つのパラメータ、応答ステータス xhr を渡すことができます。最初のパラメータはサーバーから返されたコンテンツ、2 番目のパラメータは応答ステータスの成功またはエラー、3 番目のパラメータはそれです基になる js

• $('#box').load(url) 内の XMLHttpRequest オブジェクトです。ターゲット アドレスから取得したコンテンツは、現在のページのどこかに直接ロードして設定できます。

グローバルメソッド get()

• $.get(url,[data],[callback],type) 型は、返されるコンテンツの形式を示します。元の形式が設定されていない場合、強制変換は失敗する可能性があります。

グローバル メソッド post()

• $.post(url,[data],[callback])。

グローバル メソッド getJSON()

• $.getJSON()(url,[data],[callback])。

• 特定の状況下で json ファイルをロードするために使用されます

グローバル メソッド getSCRIPT()

• $.getSCRIPT()(url,[data],[callback])。

• は、特定の状況下で js ファイルをロードするために使用されます。一般的には使用されません。

グローバル メソッド ajax()

• ajax() メソッドのみが、複数のキーと値のペアを含むオブジェクトであるパラメーターを 1 つだけ渡します。

• 最も一般的に使用される形式:

$.ajax({
  url:, //请求的地址
  type:, //请求的方式'GET'或'POST'
  data:{
        },  //提交的信息
  dataType: 'json',//设置返回内容的数据类型
  timeout:  ,//设置超时，请求超过了这个时间值就会结束请求
  global: ,//设置是否触发全局事件，true或false
  error: function(xhr,errorText,errorType){//响应失败时执行的错误处理函数,会传三个参数，xhr对象，错误信息，错误类型
       }
  success:function(response,stutas,xhr){//响应成功后执行的回调函数
     console.log(response);
      },
  beforeSend : function(){//请求开始之前触发该事件},
complete : function(){//请求结束之后触发该事件}
})

フォームのシリアル化

• 一般的なデータ送信方法: 送信されたデータはフォーム内のユーザー名とメールアドレスであると想定します
  

• data:{ user:document.getElementById(‘user’), 
  emall:document.getElementById(‘emall’)//用dom方法或其他方法只要能获取到数据都行 
   }

• フォームserialization:
  data: $('form').serialize(), //シリアル化後、データのキーと値のペアが文字列の形式で取得され、URL がエンコードされます。関数 Serialize() のオブジェクトはフォーム全体またはフォーム要素にすることができますが、jQuery オブジェクトのみにすることができます。

• param() メソッド
  $.param() メソッドは、key/value に従って配列またはオブジェクトをシリアル化するために使用される、serialize() メソッドの中核です。
  オブジェクトを直接渡す最初の送信方法では、この関数を使用してオブジェクト全体をシリアル化できます。

data:$ .param({   
  user:document.getElementById('user'),
     emall:document.getElementById('emall')
    } )

• serializeArray()メソッド
  serializeArrayメソッドは、フォーム内の各フィールドをjson形式の配列にシリアル化するメソッドです。

Loadリクエスト

 jQuery提供两个全局事件。.ajaxStart和.ajaxStop。Ajax请求开始时会触发开始事件，请求结束时会触发结束事件。

$(document).ajaxStart(function(){
     //请求开始时触发的行为
        }).ajaxStop(function(){
     //请求结束时触发的行为})

jQuery xhrオブジェクト

jqXHRオブジェクトは、$.ajax()メソッドによって返されるオブジェクトであり、jsXHRオブジェクトのスーパーセットです。

var jqXHR = $.ajax(      
      url:, //请求的地址            
      type:, //请求的方式'GET'或'POST'
      data:{
                      },  //提交的信息
             )；

jqXHR オブジェクトは、連結された方法での書き込みをサポートする多くの新しいプロパティとメソッドを提供します。同じコールバック関数は上書きされることなく複数回実行できます。

以上がjQuery を使用して Ajax カプセル化を実装する手順を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。