jQuery ajax()関数の使い方

2年 ago
結衣, 春花
1 minute

jQueryのajax()メソッドは、サーバ側にHTTPリクエストを送信するために使用されます。メソッド、URL、データ、成功時のコールバック関数などの情報を指定するオブジェクトをパラメータとして渡すことができます。

ajax()メソッドの使用方法は以下の通りです。

  1. リクエストされたURLと成功時のコールバック関数を指定するだけという最も簡単な使い方は、
$.ajax({
url: 'http://example.com', // 请求的URL
success: function(response) {
// 成功的回调函数，response是服务器返回的数据
}
});
  1. リクエストメソッドを指定できます（デフォルトはGET）。methodパラメータを設定します。
$.ajax({
method: 'POST', // 请求方法为POST
url: 'http://example.com',
success: function(response) {
// 成功的回调函数
}
});
  1. dataパラメータを設定することで、サーバーにデータを送信することができます。
$.ajax({
method: 'POST',
url: 'http://example.com',
data: { key1: 'value1', key2: 'value2' }, // 发送的数据
success: function(response) {
// 成功的回调函数
}
});
  1. サーバーに返されるデータ のタイプは、DataTypeパラメーターを設定することで指定できます（デフォルトでは、インテリジェントに推測されます）。
$.ajax({
url: 'http://example.com',
dataType: 'json', // 数据类型为JSON
success: function(response) {
// 成功的回调函数，response是解析后的JSON对象
}
});
  1. ヘッダー、タイムアウト、エラーなど、他の引数を設定することもできます
$.ajax({
url: 'http://example.com',
headers: { 'Authorization': 'Bearer token' }, // 设置请求头
timeout: 5000, // 设置超时时间为5秒
error: function(xhr, status, error) {
// 失败的回调函数
}
});

一般的なajax()メソッドの基本的な使用方法は以上です。より詳細な使用法については、jQueryの公式ドキュメントを参照してください。

bannerAds