Cara menggunakan fungsi Ajax JQuery untuk menghantar permintaan POST

JQuery ialah perpustakaan JavaScript yang pantas, ringkas dan fleksibel. Ia mempunyai banyak ciri berguna, salah satunya ialah keupayaan untuk menghantar permintaan Ajax dengan mudah dan mendapatkan nilai pulangan. Dalam artikel ini, kita akan belajar cara menggunakan fungsi Ajax JQuery untuk menghantar permintaan POST dan mendapatkan data yang dikembalikan.

Tentukan permintaan POST

Mula-mula, kita perlu menentukan permintaan POST yang ingin kita hantar. Ini boleh dilakukan dengan mencipta objek yang mengandungi data yang akan dihantar dan URL yang diminta. Contohnya, jika kami ingin menghantar permintaan POST bernama "data" dan nilai "hello" kepada "/example.com/post", kami boleh mentakrifkannya seperti ini:

var data = {
  data: 'hello'
};

var url = '/example.com/post';

Hantar permintaan POST

Seterusnya, kita perlu menggunakan fungsi ajax JQuery untuk menghantar permintaan POST. Kita perlu menghantar data dan URL ke fungsi ajax menggunakan kod berikut:

$.ajax({
  url: url,
  method: 'POST',
  data: data,
  success: function(response) {
    console.log(response);
  }
});

Pertama, kita lulus URL sebagai salah satu parameter fungsi ajax. Kami kemudiannya menentukan jenis permintaan sebagai POST, yang dicapai dengan menetapkan parameter "kaedah" kepada "POST". Seterusnya, kami menghantar data sebagai salah satu parameter fungsi ajax, ini dilakukan dengan menetapkan parameter "data" kepada objek data yang kami takrifkan sebelum ini. Akhir sekali, kami mentakrifkan fungsi panggil balik yang dipanggil selepas permintaan berjaya dihantar.

Kendalikan data yang dikembalikan

Setelah kami berjaya menghantar permintaan POST, kami perlu memproses data yang dikembalikan. Ini boleh dilakukan dengan menentukan fungsi panggil balik dalam fungsi ajax. Dalam kod di atas, kami telah menentukan fungsi panggil balik bernama "berjaya". Fungsi ini akan dipanggil apabila permintaan kembali berjaya dan akan mempunyai akses kepada data "tindak balas" yang dikembalikan oleh pelayan. Dalam contoh ini, kami hanya mengeluarkan data yang dikembalikan sebagai log, tetapi anda boleh mengambil tindakan lain jika anda mahu:

success: function(response) {
  console.log(response);
}

Ringkasan

Dalam artikel ini kami mempelajari cara Menggunakan fungsi Ajax JQuery untuk menghantar permintaan POST dan mendapatkan data yang dikembalikan. Kami menentukan data dan URL yang ingin kami hantar dan kemudian menggunakan fungsi ajax untuk menghantarnya sebagai parameter. Akhir sekali, kami mengendalikan data yang dikembalikan, yang dikembalikan melalui fungsi panggil balik selepas permintaan berjaya. Keupayaan Ajax JQuery menjadikan penghantaran permintaan POST mudah, pantas dan fleksibel.

Atas ialah kandungan terperinci Cara menggunakan fungsi Ajax JQuery untuk menghantar permintaan POST. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!