close

AJAX lan jQuery- Nangani Panjaluk lan Interaksi Data

AJAX(Asynchronous JavaScript and XML) minangka teknologi sing ngidini komunikasi lan ijol-ijolan data antarane browser lan server tanpa kudu ngunggah maneh kabeh kaca web. jQuery nyedhiyakake cara lan fungsi sing trep kanggo nindakake panjalukan AJAX. Ing ngisor iki sawetara conto nggunakake AJAX karo jQuery:

 

$.ajax() cara

Cara kasebut $.ajax() minangka cara serbaguna sing ngidini sampeyan nggawe panjaluk AJAX menyang server. Nyedhiyakake macem-macem pilihan kanggo ngatur panjaluk sampeyan, kayata nemtokake URL, metode panyuwunan(GET, POST, lsp.), nangani sukses lan callback kesalahan, lan liya-liyane. Sampeyan bisa nggunakake metode iki yen sampeyan butuh kontrol sing apik babagan panjaluk AJAX.

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

 

$.get() cara

Cara kasebut $.get() minangka cara cekak kanggo nggawe panjaluk GET menyang server. Nyederhanakake proses kanthi otomatis nyetel cara panyuwunan kanggo GET lan nangani callback sukses. Sampeyan bisa nggunakake cara iki nalika sampeyan mung perlu kanggo njupuk data saka 

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

 

$.post() cara

Cara kasebut $.post() padha karo $.get(), nanging khusus ngirim panjalukan POST menyang server. Ngidini sampeyan ngirim data bebarengan karo panjalukan, sing migunani nalika sampeyan pengin ngirim data formulir utawa paramèter liyane menyang server.

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

 

$.getJSON() cara

Cara iki $.getJSON() digunakake kanggo njupuk data JSON saka server. Iku cara shorthand sing kanthi otomatis nyetel cara panyuwunan kanggo GET lan ngarepake server ngasilake respon JSON. Iki nyederhanakake proses njupuk lan nggarap data JSON.

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

 

$.ajaxSetup() cara

Cara iki $.ajaxSetup() ngidini sampeyan ngatur setelan gawan kanggo kabeh panjalukan AJAX ing mangsa ngarep. Contone, sampeyan bisa nyetel header standar, nemtokake jinis data, utawa ngatur opsi otentikasi. Cara iki migunani yen sampeyan pengin nyetel opsi umum sing ditrapake kanggo macem-macem panjalukan AJAX.

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

 

$.ajaxPrefilter() cara

Cara iki $.ajaxPrefilter() digunakake kanggo ngowahi panjalukan AJAX sadurunge dikirim. Iku ngijini sampeyan kanggo preprocess pilihan saka panjalukan AJAX lan ngowahi mau adhedhasar kabutuhan. Iki bisa migunani kanggo nambah header khusus, manipulasi data, utawa nyegat panjaluk.

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

 

Cara iki nyedhiyakake macem-macem cara kanggo nggarap panjalukan AJAX ing jQuery. Gumantung ing syarat tartamtu, sampeyan bisa milih cara sing paling cocog karo kabutuhan. jQuery nyederhanakake proses nggawe panjalukan AJAX lan nangani respon, ngidini sampeyan nggawe aplikasi web dinamis lan interaktif.