Ajax の 5 つの異なる送信方法を調べる-jsチュートリアル-php.cn

Ajax の 5 つの異なる送信方法を調べる

WBOY

リリース： 2024-01-17 09:51:20

オリジナル

1415 人が閲覧しました

Ajax の 5 つの異なる送信方法を調べる

Web 開発では、Ajax はすでに広く採用されているテクノロジです。簡単に言えば、Ajax は JavaScript を通じて非同期リクエストを開始し、ページの部分的なコンテンツを更新して更新不要の効果を実現します。ただし、Ajax リクエストメソッドは GET と POST に限定されません。今日は、5 つの Ajax 送信メソッドを詳しく説明し、具体的なコード例を示します。

GET リクエスト

GET リクエストは、最も一般的な Ajax 送信メソッドです。データをクエリ文字列として URL に追加し、HTTP GET メソッドを使用してリクエストを送信します。 GET リクエストはサーバー上のデータを変更せずに読み取るだけなので無害です。

以下は簡単な GET リクエストの例です:

$.ajax({
   url: "example.php",
   type: "GET",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

ログイン後にコピー

上の例では、jQuery.ajax() メソッドを使用して GET リクエストを開始し、リクエストされた URL は です。たとえば、php、データは { 名前: "ジョン"、年齢: 21 } です。リクエストが成功すると、コールバック関数 done() が返されたデータをコンソールに出力します。

POST リクエスト

POST リクエストは、リクエスト本文としてデータをサーバーに送信し、HTTP POST メソッドを使用してリクエストを送信します。 POST リクエストは通常、フォームの送信など、サーバーにデータを送信するために使用されます。 POST リクエストはセキュリティが強化され、データ容量が大きくなります。

以下は簡単な POST リクエストの例です:

$.ajax({
   url: "example.php",
   type: "POST",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

ログイン後にコピー

上の例では、前と同じ jQuery.ajax() メソッドを使用しましたが、リクエストメソッドを POST に変更しました。データは { 名前: "ジョン"、年齢: 21 } のままです。 POST リクエストが成功すると、コールバック関数 done() が返されたデータをコンソールに出力します。

PUT リクエスト

PUT リクエストは、更新されたリソースをサーバーに送信するリクエストです。 PUT リクエストは、指定されたリソースをリクエスト本文で指定されたデータに更新します。 PUT リクエストは通常、リソースの更新、置換、または作成に使用されます。

以下は簡単な PUT リクエストの例です:

$.ajax({
   url: "example.php",
   type: "PUT",
   data: { name: "John", age: 21 }
})
.done(function( data ) {
  console.log(data);
});

ログイン後にコピー

上の例では、前と同じ jQuery.ajax() メソッドを使用しましたが、リクエストメソッドを PUT に変更しました。データは { 名前: "ジョン"、年齢: 21 } のままです。 PUT リクエストが成功すると、コールバック関数 done() が返されたデータをコンソールに出力します。

DELETE リクエスト

DELETE リクエストは、リソースを削除するためにサーバーに送信されるリクエストです。 DELETE リクエストは指定されたリソースを削除し、特定の RESTful API でのみ使用されます。

以下は簡単な DELETE リクエストの例です:

$.ajax({
   url: "example.php",
   type: "DELETE",
   data: { id: 123 }
})
.done(function( data ) {
  console.log(data);
});

ログイン後にコピー

上の例では、前と同じ jQuery.ajax() メソッドを使用しましたが、リクエストメソッドを DELETE に変更しました。データは { id: 123 } で、ID 123 のリソースを削除することを意味します。 DELETE リクエストが成功すると、コールバック関数 done() が返されたデータをコンソールに出力します。

OPTIONS リクエスト

OPTIONS リクエストは、クロスドメインリクエストを許可するメソッドなど、特定のリソースに関連する情報を取得するために使用されます。 OPTIONS リクエストは通常、クロスドメインリクエストで使用されます。

以下は簡単な OPTIONS リクエストの例です:

$.ajax({
   url: "example.php",
   type: "OPTIONS",
})
.done(function( data, textStatus, xhr ) {
  console.log(xhr.getAllResponseHeaders());
});

ログイン後にコピー

上の例では、前と同じ jQuery.ajax() メソッドを使用しましたが、リクエストメソッドを OPTIONS に変更しました。リクエストが成功すると、コールバック関数 done() が返された応答ヘッダーをコンソールに出力します。

概要

この記事では、特定の Ajax リクエストメソッドとコード例を通じて、GET、POST、PUT、DELETE、OPTIONS の 5 つのメソッドの違いについて説明します。ニーズに合わせて適切なリクエスト方法を選択する必要があります。これらの Ajax リクエストメソッドを深く理解し理解することによってのみ、Web 開発をより適切に実行し、より良いユーザーエクスペリエンスを提供することができます。

以上がAjax の 5 つの異なる送信方法を調べるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。