JSのAjaxの概要

AjaxのJSにまとめた。
アヤックス役割:
サーバーは、上記のデータを読み込むようにすることです1. JSを。
2.サーバーとは、例えば、リフレッシュすることなく、上記のデータを読み取りますなど、アカウントとパスワードを確認し正しい
(1 )のアヤックス利点:
1.は、サービス要求と応答の負担原因の冗長性を減らすことはありません。
2.何のリフレッシュ更新ページ、より良いユーザー体験を。
3.ブロードバンドのスペースとコストをリース節約、サーバーのスケッチの負担を軽減します。
4.読み、提出し、より高速な書き込みを非同期使う。
(2)アヤックス欠点:
書き込み時にブラウザの互換性の考慮事項については、ブラウザのサポートに応じたJavaScriptとAjaxエンジンの使用の1.AJAXロット。

  1. AJAXはちょうどパーシャルリフレッシュ、ページが役に立たないバックボタンです。
  2. 対流メディアだけでなく、モバイルデバイスのサポートは非常に良いではありませんので、上の
    GETとPOSTの二つの違い:
    GET方法:提出の一般的な形式:URLの後に送信された値;名前=値&名前=値の形式は?。
    フォームの例を提出します:
    <フォームアクション= "www.baidu.com"メソッド、=(デフォルトは道を取得している) "GET">
    名前:の<input type = "text" NAME = "ユーザー名"> </br>
    パスワード:<入力タイプ= "パスワード"名前="パスワード">
    <INPUTタイプ=">」提出"=値"を提出
    </から>

    違い:

    し1.Getモードは、ウェブサイトを介して転送データにある、POST HTTPコンテンツ。を通過された
    小型の2.get容量、ポストの実施形態の容量は、一般的にサーバーに比較的はるかに大きい、(通常は4K-10K)、大規模なデータ転送には適していません2Gの容量まで。
    大きなファイルのための3、それは、ポストになりませんコントロールを取る。
    4.get方法が悪いのセキュリティを、少し良く投稿、相対的に言って、セキュリティの束は、HTTPSのみを取ることができます。
    5.get方法何のキャッシュを投稿していない、そこにキャッシュされます。より多くのサーバーにデータを取得するのに適してGET、POST複数のサーバーへの転送データに適しました、

3:書き込みのAjax:
1. AJAXオブジェクトを作成
、サーバにリンクされている2
、3送信要求を
4.戻り値を受け、

(1)AJAXを作成するには、オブジェクト
IE6のサポートしていません// VAR oAjax =新しいXMLHttpRequestのを()
VAR = oAjax新しい新しいActiveXObject( "Microsoft.XMLHTTP")を; // IE6のサポートを

 解决兼容性:
        if(window.XMLHttpRequest)
         {
         var  oAjax   = new XMLHttpRequest();
         }
         else
         {
          var  oAjax   = new  ActivexObject("Microsoft.XMLHTTP")
         }

     为什么要用window.XMLHttpRequest作为参数,应为直接XMLHttpRequest做条件,IE6会直接报错,

     但是把XMLHttpRequest作为属性,IE只会报undefined刚好满足我们的条件.

 (2)链接服务器
  oAjax.open('Get',url,true)
  同步:一步步来.
  异步:多件事一起来.
(3)发送请求
  oAjax.send();
(4)接受返回
   oAjax.onreadystatechange = function()
  { 
       //浏览器和服务器进行到哪一步了.
       if(oAjax.readyState==4)//读取完成
        { 

             if(oAjax.status==200)//读取成功
             {
                   fnSuccess(oAjax.responseText)

             }else if( fnfaild)
                  {
                     fnfaild(oAjax.status);

                   }
             }
         } 
  }

readystatus説明
0(初期化されていない)はまだ()メソッドを呼び出すオープン
送信要求方法send()メソッド、呼び出し1(ローディング)
2(ロード)send()メソッドが完了すると、全体の応答を受信した
(3解析)応答が解析されている
4(完全な)応答内容解析が完了すると、顧客が呼び出すことができる
要求が発生し、現在のコードの実行を続行する前に終了するサーバの待ち時間:同期要求を。

    异步请求:发生请求后,无需等到服务器执行完毕,可以继续执行当前代码。  

おすすめ

転載: blog.51cto.com/1388969/2449378