アヤックス(非同期のJavaScriptとXML )(非同期JS およびXML )
Ajaxの本質的なことです:
インタラクティブ、動的なWeb技術の急速な発展
自然と受信要求は、送信要求であります
AJAXは、ページ要求リターンのローカルコンテンツを更新するために、要求に応じてデータベースを照会したり、更新することができ、サーバとの非同期通信を提供します
Ajaxの標準フォーマット:
取得する
= XMLHttpRequestの新しい新XMLHTTP(); //非同期実行機能 xmlhttp.onreadystatechange =関数() { IFは(xmlHttp.readyState == == 200 && xmlhttp.status 4である。) { のdocument.getElementById( "myDiv")= innerHTMLのXMLHTTP。 responseText; } } xmlhttp.open( "GET"、真の"target.phpのTID 1 =?"); xmlhttp.send(); // Open関数値が"値によって"の内側にある、 "対象ページ"、書き込みではないものに送って、「非同期かどうか」
役職
XMLHTTP =新しいXMLHttpRequestを(); //异步执行函数 xmlhttp.onreadystatechange =関数() { IF(xmlhttp.readyState == 4 && xmlhttp.status == 200) { のdocument.getElementById( "myDiv")のinnerHTML = xmlhttp.responseText。 } } xmlhttp.open( "POST"、 "target.php"、TRUE)。 xmlhttp.setRequestHeader( "コンテンツタイプ"、 "アプリケーション/ x-www-form-urlencodedで")。 xmlhttp.send( "USER_ID =" + getCookie( "USER_ID")+ "&" + "user_pwd =" + getCookie( "user_pwd"));
注意点:
1.POST 最初の二行目の設定応答は、固定します!!!!!!
2.POSTので送信されたデータ&は、分離しない間違った、送信があるものの、クッキーの値が、直接ではないクッキー(アップ書くためにクッキーをセミコロンで区切られています)
3. のサーバ側でのPHP を使用する簡単$ _POST [「USER_IDを」] データを取得するために(長い時間がピットから出てくるため)
4.xmlhttp.onreadystatechange()関数は、この関数の使用であることを提供し、サーバは書き込みを行います実装、前にデータを返すまで待つように、非同期で実行される「非同期かどうか」である真
5. 場合は、「非同期かどうか」であるfalseに、それはする必要があるxmlhttp.onreadystatechange()で記述された機能xmlhttp.send()の後ろ
1 使用して、AJAX データを送信するステップを
ステップ1:非同期オブジェクトを作成します。
VaRのXHR =新しいXMLHttpRequestを();
ステップ2:設定 要求ラインオープン(リクエストメソッド、リクエストURL):
//取得することが必要であるならば、要求パラメータをURL の後ろにパラメータをステッチ、
//ポスト転送要求のボディにパラメータがある場合xhr.open(「GET」、「Validate.phpと ?ユーザ名=」+ name)は
xhr.open( "ポスト"、 "Validate.phpと");
ステップ3:設定要求( GETは、この手順を無視して)ヘッダ:setRequestHeader()
//し1.Getは設定する必要はありません
// 2.post :リクエストヘッダに設定する必要のContent-Type:ファイルアプリケーション/ x-www-form-urlencodedで
xhr.setRequestHeader( "のContent-Type"、 "アプリケーション/ x-www-form-urlencodedで")。
第四段階:設定要求ボディ送信()
//し1.Get でのパラメータのURL ステッチ、この機能を提供する必要はありませんので、
// 2.post この機能のパラメータ設定(任意のパラメータの場合)
xhr.send(ヌル)xhr.send( "ユーザ名=" +名)。
ステップ5:サーバーの受信に応答して非同期データオブジェクトを依頼
// :正常な応答には二つの条件がある。1. サーバーの応答に成功2 への応答ステータス非同期オブジェクトを(4 データが分析を使用することができます)
xhr.onreadystatechange =関数(){
IF(xhr.status == 200 && xhr.readyState == 4){
console.log(xhr.responseText)。
}
jqueryの使用アヤックス
アヤックス$({ タイプ: "GET"、// GETまたはPOST URL: "abc.php"、// URLアドレスが要求され たデータを:{}、//リクエストパラメータの データ型: "JSON"、// JSON書き込みJQは、配列または彼は何とかJSON.parseを使用しているオブジェクトに私たちを助ける エラーの後に// 3秒、3000:タイムアウト beforeSend:関数は{() //送信する前にこの関数を入力します //リターン偽これを髪の毛がfalseを返すように続けますが存在しない場合は、AJAXが停止されることはありません 、} 機能(データ){//この関数の成功の結果での結果を得るには、データを取得することです:成功 }、 エラー:関数(){//失敗は機能 }、 コンプリート:機能(){//は関係なく、成功または失敗のこの関数を入力します } }) //使用 $アヤックス({ タイプのを: "GET"、 URL: ""、 データ:{}、 データ型: " JSON」、 成功:関数(データ){ } })
バックグラウンド処理で返されるAjaxの形式のデータ、フォーマット、一般的に相互作用JSON
あなたは、データがAJAX jQueryの機能に書き換えることができ、暗号化、または暗号化の前にパラメータを追加する必要がある場合は、復号化が行われた背景です。