Rumah > Artikel > hujung hadapan web > Memahami lima kaedah penyerahan Ajax biasa
Fahami lima kaedah penyerahan AJAX yang biasa digunakan, contoh kod khusus diperlukan
AJAX (JavaScript Asynchronous dan XML) ialah teknologi yang digunakan untuk mencipta aplikasi web interaktif. Ia membenarkan kandungan halaman separa dikemas kini melalui komunikasi tak segerak dengan pelayan tanpa menyegarkan keseluruhan halaman. AJAX digunakan secara meluas dalam pembangunan web moden untuk menyediakan pengguna pengalaman interaktif yang lebih baik.
Dalam AJAX, penyerahan data adalah bahagian yang sangat penting. Berikut akan memperkenalkan lima kaedah penyerahan AJAX yang biasa digunakan, serta contoh kod khusus untuk setiap kaedah.
var xmlhttp = new XMLHttpRequest(); var url = "server.php?name=John&age=20"; xmlhttp.open("GET", url, true); xmlhttp.send();
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var params = "name=John&age=20"; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(params);
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var formData = new FormData(); formData.append("name", "John"); formData.append("age", "20"); xmlhttp.open("POST", url, true); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(formData);
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var data = {name: "John", age: 20}; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "application/json"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(JSON.stringify(data));
var xmlhttp = new XMLHttpRequest(); var url = "server.php"; var xmlData = '<?xml version="1.0" encoding="UTF-8"?><data><name>John</name><age>20</age></data>'; xmlhttp.open("POST", url, true); xmlhttp.setRequestHeader("Content-type", "text/xml"); xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { // 请求成功后的处理逻辑 console.log(xmlhttp.responseText); } }; xmlhttp.send(xmlData);
Di atas ialah contoh kod khusus daripada lima kaedah penyerahan AJAX yang biasa digunakan. Dengan memahami dan mempraktikkan kaedah penyerahan ini, anda boleh menggunakan teknologi AJAX dengan lebih baik untuk memproses data dan meningkatkan pengalaman pengguna aplikasi web anda.
Atas ialah kandungan terperinci Memahami lima kaedah penyerahan Ajax biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!