ajaxのリクエスト処理とリクエスト方法の説明（コード例）

この記事では、ajax のリクエスト処理とリクエストメソッドについての説明 (コード例) を紹介します。必要な方は参考にしていただければ幸いです。

ajax の正式名称は、Asynchronous JavaScript and XML です。このうち、Asynchronous は非同期を意味し、従来の Web 開発で使用される同期方式とは異なります。編集者の知識によると、ajax は以前から存在していましたが、当時は使用されておらず、その後 Google が Google マップで使用したため、このページには必要がなくなりました。更新され、ユーザー エクスペリエンスは非常に良好でした (当時の Web サイトにはユーザー エクスペリエンスがありませんでした^_^)

ajax 原則

XMLHttpRequest が中心的なメカニズムですajax は IE5 で初めて導入され、非同期リクエストをサポートするテクノロジーです。簡単に言うと、JavaScript はユーザーをブロックすることなくサーバーにリクエストを送信し、応答をタイムリーに処理することができ、ページを更新しない効果を実現します

var xhr = new XMLHttpRequest()
//IE浏览器使用var xhr = new ActiveXObject
xhr.open('get', url, true)
xhr.send(null)
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            success(xhr.responseText)
        } else {
            fail && fail(xhr.status)
        }
    }
}

#xhr.open()

false は、データが取得されない場合は、データが取得されるまで続行する前にデータが返されるのを待つことを意味します。 。
True は、待機せずに直接返すことを意味します。これは、いわゆる非同期データ取得です。

送信されるデータは文字列タイプを受け入れます

状態が変化するたびにトリガーされるイベント ハンドラー

0 リクエストは初期化されておらず、オープン メソッドも初期化されていません呼び出されました

1 サーバー接続が確立され、open メソッドが呼び出され、send メソッドがまだ呼び出されていません

2 リクエスト、つまりヘッダーが受信されました情報を受信しました

3 リクエストの処理中、つまりレスポンスボディに到達しました このとき、レスポンスと http ヘッダーが不完全なため、データの一部を取得する際にエラーが発生します。

4 リクエストは完了しており、この時点で、responseXml と responseText を通じてデータを取得できます。 .statusCommon HTTP ステータス

1**: リクエストを受信しました、処理を続行します

#jQuery.ajax

$.ajax({
    url: '',
    Type: '',
    data: '',
    async:true,
    dataType: '',
    beforeSend: function(xhr) {
      xhr.setRequestHeader("Access-Toke");
    },
    success: function (data) {
        fn1()
    },
    error: function (err) {
       error && error(err) 
    }
})
fn2()

success-function

isSuccess = status >= 200 && status < 300 || status === 304

async-Boolean value

asyn が false に設定されている場合、ajax リクエストは同期です。たとえば、この時点で ajax ブロックがリクエストを送信した後、fn1() で待機し、fn1() 部分が実行されるまで fn2() は実行されません。

dataType--String

xml: JQuery で処理できる XML ドキュメントを返します。

beforeSend--Function

ajax の長所と短所

以上がajaxのリクエスト処理とリクエスト方法の説明（コード例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。