Ajaxでリクエストを送信する方法

Ajaxにはさまざまなリクエスト送信方法があります。

1. XMLHttpRequest(XHR):Ajax の最も初期の方法で、XMLHttpRequest オブジェクトを作成してデータを送受信する。

var xhr = new XMLHttpRequest();
xhr.open("GET", "url", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
xhr.send();

1. Fetch API：よりシンプルで使いやすく、Promiseに対応した、XMLHttpRequestに代わる新しいネイティブブラウザAPI。

fetch("url")
.then(response => response.text())
.then(data => console.log(data))
.catch(error => console.log(error));

1. jQueryのAjaxメソッド: jQueryはAjax機能をカプセル化しており、$.ajaxまたは$.getなどのメソッドを使用してリクエストを送信します。

$.ajax({
url: "url",
method: "GET",
success: function(data) {
console.log(data);
},
error: function(error) {
console.log(error);
}
});

1. Axiosは、プロミスベースのHTTPクライアントで、ブラウザとNode.jsの両方をサポートしており、Ajaxリクエストを送信できます。

axios.get("url")
.then(response => console.log(response.data))
.catch(error => console.log(error));

これらの方法はそれぞれに特徴があり、用途に応じて最適な方法を選択してAjaxリクエストを送信できます。