AjaxのJSにまとめた。
アヤックス役割:
サーバーは、上記のデータを読み込むようにすることです1. JSを。
2.サーバーとは、例えば、リフレッシュすることなく、上記のデータを読み取りますなど、アカウントとパスワードを確認し正しい
(1 )のアヤックス利点:
1.は、サービス要求と応答の負担原因の冗長性を減らすことはありません。
2.何のリフレッシュ更新ページ、より良いユーザー体験を。
3.ブロードバンドのスペースとコストをリース節約、サーバーのスケッチの負担を軽減します。
4.読み、提出し、より高速な書き込みを非同期使う。
(2)アヤックス欠点:
書き込み時にブラウザの互換性の考慮事項については、ブラウザのサポートに応じたJavaScriptとAjaxエンジンの使用の1.AJAXロット。
- AJAXはちょうどパーシャルリフレッシュ、ページが役に立たないバックボタンです。
-
対流メディアだけでなく、モバイルデバイスのサポートは非常に良いではありませんので、上の
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(完全な)応答内容解析が完了すると、顧客が呼び出すことができる
要求が発生し、現在のコードの実行を続行する前に終了するサーバの待ち時間:同期要求を。
异步请求:发生请求后,无需等到服务器执行完毕,可以继续执行当前代码。