Rumah >hujung hadapan web >tutorial js >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.
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); });
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()
将返回的数据输出到了控制台中。
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。数据仍然是 { name: "John", age: 21 }
。POST 请求成功后,回调函数 done()
将返回的数据输出到了控制台中。
PUT 请求是一种向服务器发送更新资源的请求。PUT 请求将指定的资源更新为请求正文中提供的数据。PUT 请求通常用于更新、替换或创建资源。
下面是一个简单的 PUT 请求示例:
$.ajax({ url: "example.php", type: "PUT", data: { name: "John", age: 21 } }) .done(function( data ) { console.log(data); });
在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 PUT。数据仍然是 { name: "John", age: 21 }
。PUT 请求成功后,回调函数 done()
将返回的数据输出到了控制台中。
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 请求示例:
$.ajax({ url: "example.php", type: "OPTIONS", }) .done(function( data, textStatus, xhr ) { console.log(xhr.getAllResponseHeaders()); });
在上述示例中,我们使用了和前面相同的 jQuery.ajax() 方法,只是将请求方式改为了 OPTIONS。请求成功后,回调函数 done()
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. 🎜{ name: "John", umur: 21 }
. Selepas permintaan PUT berjaya, fungsi panggil balik done()
mengeluarkan data yang dikembalikan kepada konsol. 🎜{ id: 123 }
, menunjukkan bahawa sumber dengan ID 123 telah dipadamkan. Selepas permintaan DELETE berjaya, fungsi panggil balik done()
mengeluarkan data yang dikembalikan kepada konsol. 🎜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!