close

AJAX dan jQuery- Mengendalikan Permintaan dan Interaksi Data

AJAX(Asynchronous JavaScript and XML) ialah teknologi yang membenarkan komunikasi dan pertukaran data antara penyemak imbas dan pelayan tanpa perlu memuatkan semula keseluruhan halaman web. jQuery menyediakan kaedah dan fungsi yang mudah untuk melaksanakan permintaan AJAX. Berikut ialah beberapa contoh penggunaan AJAX dengan jQuery:

 

$.ajax() kaedah

Kaedah ini $.ajax() adalah kaedah serba boleh yang membolehkan anda membuat permintaan AJAX kepada pelayan. Ia menyediakan pelbagai pilihan untuk menyesuaikan permintaan anda, seperti menentukan URL, kaedah permintaan(GET, POST, dll.), mengendalikan kejayaan dan panggilan balik ralat, dan banyak lagi. Anda boleh menggunakan kaedah ini apabila anda memerlukan kawalan terperinci ke atas permintaan AJAX.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});

 

$.get() kaedah

Kaedah ini $.get() adalah kaedah ringkas untuk membuat permintaan GET kepada pelayan. Ia memudahkan proses dengan menetapkan kaedah permintaan secara automatik kepada GET dan mengendalikan panggilan balik kejayaan. Anda boleh menggunakan kaedah ini apabila anda hanya perlu mendapatkan semula data daripada 

$.get("data.php", function(response) {  
  // Handle successful response data  
});

 

$.post() kaedah

Kaedah ini $.post() serupa dengan $.get(), tetapi ia secara khusus menghantar permintaan POST ke pelayan. Ia membolehkan anda menghantar data bersama-sama dengan permintaan, yang berguna apabila anda ingin menghantar data borang atau parameter lain ke pelayan.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});

 

$.getJSON() kaedah

Kaedah ini $.getJSON() digunakan untuk mendapatkan semula data JSON daripada pelayan. Ia ialah kaedah trengkas yang secara automatik menetapkan kaedah permintaan kepada GET dan mengharapkan pelayan untuk mengembalikan respons JSON. Ia memudahkan proses mendapatkan semula dan bekerja dengan data JSON.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});

 

$.ajaxSetup() kaedah

Kaedah ini $.ajaxSetup() membolehkan anda mengkonfigurasi tetapan lalai untuk semua permintaan AJAX yang akan datang. Sebagai contoh, anda boleh menetapkan pengepala lalai, menentukan jenis data, atau mengkonfigurasi pilihan pengesahan. Kaedah ini berguna apabila anda ingin menetapkan pilihan biasa yang digunakan untuk berbilang permintaan AJAX.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});

 

$.ajaxPrefilter() kaedah

Kaedah ini $.ajaxPrefilter() digunakan untuk mengubah suai permintaan AJAX sebelum ia dihantar. Ia membolehkan anda mempraproses pilihan permintaan AJAX dan mengubah suainya berdasarkan keperluan anda. Ini boleh berguna untuk menambah pengepala tersuai, memanipulasi data atau memintas permintaan.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});

 

Kaedah ini menyediakan cara yang berbeza untuk bekerja dengan permintaan AJAX dalam jQuery. Bergantung pada keperluan khusus anda, anda boleh memilih kaedah yang paling sesuai dengan keperluan anda. jQuery memudahkan proses membuat permintaan AJAX dan mengendalikan respons, membolehkan anda mencipta aplikasi web dinamik dan interaktif.