Ajaxの方法は、ページの内容を変更することができるページを更新せずにサーバーへの非同期アクセスを提供し、現実原則の少ないネイティブ使用してますが知っている必要があり、一般的に使用されているjquey より軽量な実装のAJAXをしかし、原理は共通ですA。
ネーティブのAJAXコース:
1.コアオブジェクトAJAXを作成します。
IEブラウザのコアオブジェクトXMLHTTP、他のブラウザのコアオブジェクトXMLHTTPRequestを、互換性のあるブラウザのコアオブジェクトが判断する必要が異なるブラウザの問題を解決するためにそう
VaRのXMLHTTP。
IF(window.XMLHTTP){
XMLHTTP =新しいXMLHTTPRequestを();
}他{
=新しい新しいActiveXObjectをXMLHTTP( "Microsoft.XMLHTTP"); IE6の//以下のバージョン
}
2.要求を作成します。
オープン()の両方の迅速かつ容易にことを除いて取得するには、最初のパラメータは、要求モードで、そこに2つのポストがあり、取得するには、3つのパラメータを持って、次のような状況で道を掲示しなければなりません
(1)サーバーへのデータ送信時の大量。
(2)このような情報がユーザによって書かれた形で送信されたときに、未知の文字入力を送信します
(3)使用できない場合、キャッシュファイル
非同期は唯一の真の、オープンメッセージングに利用可能である、2つ目のパラメータは、バックエンドのファイルのアドレスであり、そして3番目のパラメータは非同期です
xmlhttp.open( "GET"、 "example.php"、真の);
3.リクエストパラメータを送ります
異なる別のページのニーズ、要求を達成するために、異なるデータ収集パラメータに依存する必要があり、パラメータ&間の接続要求が複数
xmlhttp.send( "ユーザー=" +ユーザー& "パスワード=" +パスワード)。
唯一のポストパラメータの要求があれば、送信できるようにするためのget?要求モード、パラメータが送信()上で許可されるのではなく、バックエンドのデータファイルのアドレスの後ろに配置する必要があります接続し、また、途中で追加しますリクエストヘッダ
xmlhttp.open( "example.phpユーザー=?"、 "GET" +ユーザー+ "&パスワード=" +パスワード」、真の);
xmlhttp.setRequestHeader( "コンテンツタイプ"、 "アプリケーション/ x-www-form-urlencodedで")。
xmlhttp.send(NULL)。
4.レスポンスを受け入れます
5ページリクエストのステータスのreadyStateがあり、0:1が初期化されていない。要求を完了するために3:要求2を送信受諾応答4:完全な応答
サーバー返されるステータスステータス404:500成功の応答:ページは200見つかりません内部サーバーエラーを
xmlhttp.onreadystatechange = functino(){
IF(xmlhttp.readyStateの== 4 && xmlhttp.statusの== 200){
DATE = xmlhttp.responseTextのVAR //テキスト形式を使用してデータを取得し、データを取得するための他の方法がありますが、自分自身を助けます
}
}
jqueryのAjaxの使用:
1.postリクエストメソッド
$アヤックス({
タイプ: 'POST'、 //モード要求
URL: 'example.php'、 //要求されたアドレスの送信データ型: 'JSON'を、 //サーバは、データ型を返し 、{XXX名:::XXX、年齢}データ / /サーバに送信されるデータ、オブジェクト・キーしなければならない/値の形式、jQueryのが自動的に文字列形式に変換 成功:関数(データ){ //要求が成功し、コンテンツを返す }、 エラー:関数(jqXHR){ //要求失敗し、コンテンツを返します } )}。
2.getリクエストメソッド
$.ajax({
type:'GET',
url:'example.php?name'+=xxx, //发送请求的地址以及传输的数据
dataType:'json', //服务器返回的数据类型
success:function(data){
//请求成功,返回内容
},
error:function(jqXHR){
//请求失败,返回内容
}
});