Rumah > hujung hadapan web > tutorial js > Terokai lima kaedah penyerahan Ajax yang berbeza

Terokai lima kaedah penyerahan Ajax yang berbeza

WBOY
Lepaskan: 2024-01-17 09:51:20
asal
1416 orang telah melayarinya

Terokai lima kaedah penyerahan Ajax yang berbeza

Dalam pembangunan web, Ajax sudah menjadi teknologi yang diterima pakai secara meluas. Ringkasnya, Ajax memulakan permintaan tak segerak melalui JavaScript dan mengemas kini sebahagian kandungan halaman untuk mencapai kesan tanpa penyegaran. Walau bagaimanapun, kaedah permintaan Ajax tidak terhad kepada GET dan POST. Hari ini, kami akan melihat secara mendalam pada lima kaedah penyerahan Ajax dan memberikan contoh kod khusus.

  1. DAPAT permintaan

DAPATkan permintaan ialah kaedah penyerahan Ajax yang paling biasa. Ia menambahkan data pada URL sebagai rentetan pertanyaan dan menghantar permintaan menggunakan kaedah HTTP GET. Permintaan GET tidak berbahaya kerana ia hanya membaca data pada pelayan tanpa mengubahnya.

Berikut ialah contoh permintaan GET yang mudah:

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

Dalam contoh di atas, kami menggunakan kaedah jQuery.ajax() untuk memulakan permintaan GET URL yang diminta ialah example.php, dan datanya ialah { name: "John", umur: 21 }. Selepas permintaan berjaya, fungsi panggil balik done() mengeluarkan data yang dikembalikan kepada konsol. example.php,数据是 { name: "John", age: 21 }。请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. POST 请求

POST 请求将数据作为请求正文发送到服务器,并使用 HTTP POST 方法发送请求。POST 请求通常用于向服务器发送数据,例如提交表单。POST 请求具有更多的安全性和更大的数据容量。

下面是一个简单的 POST 请求示例:

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

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 POST。数据仍然是 { name: "John", age: 21 }。POST 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. PUT 请求

PUT 请求是一种向服务器发送更新资源的请求。PUT 请求将指定的资源更新为请求正文中提供的数据。PUT 请求通常用于更新、替换或创建资源。

下面是一个简单的 PUT 请求示例:

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

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 PUT。数据仍然是 { name: "John", age: 21 }。PUT 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. DELETE 请求

DELETE 请求是一种向服务器发送删除资源的请求。DELETE 请求将指定的资源删除,并且只在特定的 RESTful API 中使用。

下面是一个简单的 DELETE 请求示例:

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

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 DELETE。数据是 { id: 123 },表示删除 ID 为 123 的资源。DELETE 请求成功后,回调函数 done() 将返回的数据输出到了控制台中。

  1. OPTIONS 请求

OPTIONS 请求用于获取与特定资源相关的一些信息,例如允许跨域请求的方法。OPTIONS 请求通常在跨域请求中使用。

下面是一个简单的 OPTIONS 请求示例:

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

在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 OPTIONS。请求成功后,回调函数 done()

    POST permintaan

    POST permintaan menghantar data ke pelayan sebagai badan permintaan dan menggunakan kaedah HTTP POST untuk menghantar permintaan. Permintaan POST biasanya digunakan untuk menghantar data ke pelayan, seperti menyerahkan borang. Permintaan POST mempunyai lebih keselamatan dan kapasiti data yang lebih besar.

    🎜Berikut ialah contoh permintaan POST yang mudah: 🎜rrreee🎜Dalam contoh di atas, kami menggunakan kaedah jQuery.ajax() yang sama seperti sebelum ini, tetapi menukar kaedah permintaan kepada POST. Data masih { name: "John", umur: 21 }. Selepas permintaan POST berjaya, fungsi panggil balik done() mengeluarkan data yang dikembalikan kepada konsol. 🎜
      🎜Permintaan PUT🎜🎜🎜Permintaan PUT ialah permintaan untuk menghantar sumber yang dikemas kini ke pelayan. Permintaan PUT mengemas kini sumber yang ditentukan kepada data yang disediakan dalam badan permintaan. Permintaan PUT biasanya digunakan untuk mengemas kini, menggantikan atau mencipta sumber. 🎜🎜Berikut ialah contoh permintaan PUT yang mudah: 🎜rrreee🎜Dalam contoh di atas, kami menggunakan kaedah jQuery.ajax() yang sama seperti sebelum ini, tetapi menukar kaedah permintaan kepada PUT. Data masih { name: "John", umur: 21 }. Selepas permintaan PUT berjaya, fungsi panggil balik done() mengeluarkan data yang dikembalikan kepada konsol. 🎜
        🎜DELETE request🎜🎜🎜DELETE request ialah permintaan kepada pelayan untuk memadamkan sumber. Permintaan DELETE memadamkan sumber yang ditentukan dan hanya digunakan dalam API RESTful tertentu. 🎜🎜Berikut ialah contoh permintaan DELETE yang mudah: 🎜rrreee🎜Dalam contoh di atas, kami menggunakan kaedah jQuery.ajax() yang sama seperti sebelum ini, tetapi menukar kaedah permintaan kepada DELETE. Datanya ialah { id: 123 }, menunjukkan bahawa sumber dengan ID 123 telah dipadamkan. Selepas permintaan DELETE berjaya, fungsi panggil balik done() mengeluarkan data yang dikembalikan kepada konsol. 🎜
          🎜Permintaan OPTIONS 🎜🎜🎜Permintaan OPTIONS digunakan untuk mendapatkan beberapa maklumat yang berkaitan dengan sumber tertentu, seperti kaedah yang membenarkan permintaan merentas domain. Permintaan OPTIONS biasanya digunakan dalam permintaan silang asal. 🎜🎜Berikut ialah contoh permintaan OPTIONS mudah: 🎜rrreee🎜Dalam contoh di atas, kami menggunakan kaedah jQuery.ajax() yang sama seperti sebelum ini, tetapi menukar kaedah permintaan kepada OPTIONS. Selepas permintaan berjaya, fungsi panggil balik done() mengeluarkan pengepala respons yang dikembalikan kepada konsol. 🎜🎜Ringkasan🎜🎜Artikel ini menerangkan perbezaan antara lima kaedah GET, POST, PUT, DELETE dan OPTIONS melalui kaedah permintaan dan contoh kod Ajax tertentu. Kita harus memilih kaedah permintaan yang sesuai untuk memenuhi keperluan kita. Hanya dengan memahami dan memahami secara mendalam kaedah permintaan Ajax ini, kami boleh melaksanakan pembangunan web dengan lebih baik dan memberikan pengalaman pengguna yang lebih baik. 🎜

Atas ialah kandungan terperinci Terokai lima kaedah penyerahan Ajax yang berbeza. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan