ホームページ  >  記事  >  ウェブフロントエンド  >  ajaxの対話モデルとは何ですか

ajaxの対話モデルとは何ですか

青灯夜游
青灯夜游オリジナル
2022-01-17 18:05:512565ブラウズ

ajax の対話モデルは次のとおりです: 1. ユーザーが非同期リクエストを発行します; 2. onReadyStateChange を使用して監視します; 3. リクエストを作成し、open メソッドを使用してリクエストが get か post であるかどうかを指定します。は非同期であり、URL アドレス; 4. リクエストを送信; 5. 結果を受け入れて分析; 6. 更新を実装します。

ajaxの対話モデルとは何ですか

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

Ajax の正式名: Asychronous javascript and xml は、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジです。

ajax インタラクション モデル

1. ユーザーが非同期リクエストを発行します

2. onReadyStateChange を使用して監視します

3.リクエスト、open メソッドを使用して get か post か、非同期か、URL アドレスを指定します

# 4. リクエストを送信、メソッドを送信

## 5. 結果を受け入れて分析

6. 更新の実装

同期と非同期の違い:

同期: スクリプトは続行する前にサーバーからの応答が送信されるまで待機し、待機します。

非同期: スクリプトにより、ページはプロセスと処理を続行できます 考えられる応答

var xhr = new XMLHttpRequest();
xhr.open('请求方式GET或者POST或者其他', 请求地址url, 是否开启异步async);
xhr.onreadystatechange = function() {
    // readyState == 4说明请求已完成
    if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
    }
}
if (method == 'POST') {
    //给指定的HTTP请求头赋值
    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
}
xhr.send()

[関連チュートリアルの推奨事項:

AJAX ビデオ チュートリアル

]

以上がajaxの対話モデルとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。