Terdapat lima kaedah penyerahan Ajax yang biasa

Ketahui lima kaedah penyerahan biasa di Ajax, anda memerlukan contoh kod khusus

Pengenalan:
Dengan pembangunan aplikasi web dan permintaan pengguna yang semakin meningkat untuk interaktiviti dan masa nyata, teknologi Ajax telah menjadi sangat diperlukan di bahagian hadapan. pembangunan hilang bahagian. Ajax (Asynchronous JavaScript and XML) ialah teknologi yang menggunakan JavaScript untuk komunikasi tak segerak, yang boleh merealisasikan interaksi data dengan pelayan dan mengemas kini kandungan halaman tanpa menyegarkan keseluruhan halaman. Dalam Ajax, penyerahan data tidak dapat dielakkan Artikel ini akan memperkenalkan lima kaedah penyerahan biasa dan memberikan contoh kod khusus.

1. Kaedah GET
Kaedah GET adalah kaedah penyerahan yang paling biasa Data dipindahkan melalui URL, iaitu data dilampirkan pada hujung URL. Berikut ialah contoh kod kaedah GET:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api?param1=value1&param2=value2', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 处理返回的数据
  }
};
xhr.send();

2. Kaedah POST
Kaedah POST menghantar data ke pelayan sebagai sebahagian daripada permintaan, dan data tidak akan didedahkan dalam URL. Berikut ialah contoh kod kaedah POST:

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 处理返回的数据
  }
};
xhr.send('param1=value1&param2=value2');

3. Kaedah FormData
FormData ialah API yang digunakan untuk membina data borang, yang boleh menukar data borang kepada pasangan nilai kunci dengan mudah. Berikut ialah contoh kod kaedah FormData:

var formData = new FormData();
formData.append('param1', 'value1');
formData.append('param2', 'value2');

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 处理返回的数据
  }
};
xhr.send(formData);

4. Kaedah JSON
JSON (JavaScript Object Notation) ialah format pertukaran data ringan yang biasa digunakan untuk penghantaran data bahagian hadapan dan belakang. Berikut ialah contoh kod dalam mod JSON:

var data = {
  param1: 'value1',
  param2: 'value2'
};

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 处理返回的数据
  }
};
xhr.send(JSON.stringify(data));

5. Kaedah XML
XML (Bahasa Penanda eXtensible) ialah bahasa penanda yang digunakan untuk menyimpan dan menghantar data berstruktur. Berikut ialah contoh kod XML:

var xml = '<data><param1>value1</param1><param2>value2</param2></data>';

var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'text/xml');
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 处理返回的数据
  }
};
xhr.send(xml);

Ringkasan:
Artikel ini memperkenalkan lima kaedah penyerahan biasa dalam Ajax, termasuk GET, POST, FormData, JSON dan XML. Setiap kaedah menyediakan contoh kod khusus untuk membantu pembaca memahami dan menggunakan kaedah ini. Dalam pembangunan sebenar, kami boleh memilih kaedah yang sesuai untuk penyerahan data berdasarkan keperluan dan senario untuk meningkatkan pengalaman pengguna dan prestasi halaman.

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