一文で速くJQueryの中のAJAXを理解します。

3213 ワード



$.ajax({
  url:"http://www.microsoft.com",  //   url  
  dataType:"json",  //     json
  async:true,//      ,     ,   ajax    
  data:{"id":"value"},  //   
  type:"GET",  //    
  beforeSend:function(){
    //      
  },
  success:function(req){
    //       
  },
  complete:function(){
    //       
  },
  error:function(){
    //      
  }
});
ajaxメソッドの一般的なパラメータ
1.url:
要求されるのはStringタイプのパラメータであり、(デフォルトは現在のページアドレス)送信要求のアドレスです。
2.type:
Stringタイプのパラメータが要求されますが、要求方式(postまたはget)はデフォルトでgetとなります。他のhttp要求方法に注意してください。例えば、putやdeleteも使用できますが、一部のブラウザのみがサポートされています。
3.async:
Booleanタイプのパラメータが要求されます。デフォルトではtrueに設定されています。すべての要求は非同期です。同期要求を送信する場合は、このオプションをfalseに設定してください。なお、同期要求はブラウザをロックし、ユーザの他の操作は要求が完了するまで待つ必要があります。
4.ダタ:
ObjectまたはStringタイプのパラメータが要求されます。サーバに送るデータです。文字列でない場合は、自動的に文字列書式に変換されます。get要求はurlに添付されます。この自動変換を防ぐために、プロcessDataオプションを確認できます。オブジェクトはkey/value形式でなければなりません。例えば{foo1:"bar1",foo2:"bar2"}&foo1=bar1&foo2=bar2に変換される。配列であれば、JQueryは自動的に異なる値で同じ名前に対応します。例えば{foo:["bar1","bar2"]}&foo=bar1&foo=bar2に変換される。
5.data Type:
Stringタイプのパラメータが要求されていますが、サーバから返ってくるデータの種類が期待されます。指定されていない場合、JQueryはhttpパッケージのmime情報からレスポンスXMLまたはレスポンスTextに自動的に戻り、フィードバック関数のパラメータとして渡されます。利用可能なタイプは以下の通りです。
xml:XMLドキュメントに戻り、JQueryで処理できます。
html:純粋なテキストHTML情報を返します。含まれるスクリプトラベルはDOM挿入時に実行されます。
スクリプト:純粋なテキストJavaScriptコードを返します。結果は自動キャッシュされません。cacheパラメータが設定されていない限り。注意リモート要求時(同じドメインではない)には、すべてのpost要求がget要求に変わります。
JSONデータを返します。
JSONP形式です。SONP形式で関数を呼び出す場合、例えばmurl?calback=?JQueryは自動的に後の「?」に置き換えられます。正しい関数名で、コールバック関数を実行します。
テキスト文字列を返します。
6.beforeSend:
Functionタイプのパラメータが要求されます。要求を送信する前に、XMLHttpRequestオブジェクトの関数を変更することができます。例えば、カスタムHTTPヘッダを追加します。beforeSendでfalseに戻ると、今回のajax要求はキャンセルされます。XMLHttpRequestオブジェクトは唯一のパラメータです。   

    function(XMLHttpRequest){
        this;  //    ajax      options  
      }
7.complettee:
Functionタイプのパラメータが必要で、完了後に呼び出すコールバック関数(成功または失敗を要求した場合は呼び出します)が要求されます。パラメータ:XMLHttpRequestオブジェクトと成功要求タイプを記述する文字列。

    function(XMLHttpRequest, textStatus){
       this;  //    ajax      options  
     }
8.success:
Functionタイプのパラメータが要求されます。成功後に呼び出すコールバック関数には、2つのパラメータがあります。
         (1)サーバから戻り、dataTypeパラメータに従って処理後のデータを行います。
         (2)状態を記述する文字列。       

 function(data, textStatus){
      //data   xmlDoc、jsonObj、html、text  
      this; //    ajax      options  
     }
9.error:
Functionタイプのパラメータが要求されます。要求が失敗したときに呼び出す関数です。この関数は、XMLHttpRequestオブジェクト、エラー情報、キャプチャされたエラーオブジェクトの3つのパラメータがあります。ajaxイベントの関数は以下の通りです。

function(XMLHttpRequest, textStatus, errorThrown){
     //     textStatus errorThrown          
     this;  //    ajax      options  
    }
締め括りをつける
以上は小编が绍介したJQueryのAJAXです。皆さんに何かお聞きしたいことがあれば、メッセージをください。小编はすぐに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。