原生Ajax jquery中使用Ajxa

アヤックス(非同期の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の機能に書き換えることができ、暗号化、または暗号化の前にパラメータを追加する必要がある場合は、復号化が行われた背景です。

 

おすすめ

転載: www.cnblogs.com/wjune-0405/p/12441956.html