Ajax同期リクエストの設定方法

AJAXではasync属性を設定することで要求を同期か非同期にするか設定できます。

AJAXリクエストは通常、非同期です。これは、AJAXリクエストの送信中でもJavaScriptコードは後続の処理を続けられ、リクエストの応答を待つ必要がないことを意味します。

AJAXリクエストを同期的に実行したい場合は、async属性をfalseに設定します。これにより、リクエストが完了するまでJavaScriptコードは待機し、リクエストが完了してから次の操作を実行します。

同期リクエストの設定例を次に示します。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.com/api/data', false); // 设置为同步请求
xhr.send();
if (xhr.status === 200) {
console.log(xhr.responseText);
} else {
console.error('请求失败');
}

上のサンプルでは、async属性をfalseにすることで、同期リクエストを実現しています。xhr.send() の後は、リクエストが返されるまでコードが待機し、レスポンスのステータスコードに応じて処理を行います。