close

AJAX na jQuery- Kushughulikia Maombi na Mwingiliano wa Data

AJAX(Javascript Asynchronous na XML) ni teknolojia inayoruhusu mawasiliano na kubadilishana data kati ya kivinjari na seva bila hitaji la kupakia upya ukurasa mzima wa tovuti. jQuery hutoa mbinu na kazi rahisi kutekeleza maombi ya AJAX. Hapa kuna mifano ya kutumia AJAX na jQuery:

 

$.ajax() njia

Njia $.ajax() ni njia inayotumika ambayo hukuruhusu kufanya maombi ya AJAX kwa seva. Inatoa chaguo mbalimbali za kubinafsisha ombi lako, kama vile kubainisha URL, mbinu ya ombi(GET, POST, n.k.), kushughulikia mafanikio na upigaji simu wa hitilafu, na zaidi. Unaweza kutumia njia hii wakati unahitaji udhibiti mzuri juu ya ombi la AJAX.

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

 

$.get() njia

Njia $.get() ni njia fupi ya kufanya ombi la GET kwa seva. Hurahisisha mchakato kwa kuweka kiotomatiki mbinu ya ombi ya KUPATA na kushughulikia urejeshaji wa mafanikio. Unaweza kutumia njia hii wakati unahitaji tu kurejesha data kutoka kwa 

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

 

$.post() njia

Njia hiyo $.post() ni sawa na $.get(), lakini hutuma ombi la POST kwa seva. Inakuwezesha kupitisha data pamoja na ombi, ambayo ni muhimu wakati unataka kutuma data ya fomu au vigezo vingine kwa seva.

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

 

$.getJSON() njia

Mbinu $.getJSON() inatumika kupata data ya JSON kutoka kwa seva. Ni njia ya mkato ambayo huweka kiotomatiki mbinu ya ombi GET na inatarajia seva kurudisha jibu la JSON. Inarahisisha mchakato wa kurejesha na kufanya kazi na data ya JSON.

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

 

$.ajaxSetup() njia

Njia $.ajaxSetup() hukuruhusu kusanidi mipangilio ya chaguo-msingi kwa maombi yote ya AJAX ya siku zijazo. Kwa mfano, unaweza kuweka vichwa vya chaguo-msingi, kutaja aina ya data, au kusanidi chaguo za uthibitishaji. Njia hii ni muhimu unapotaka kuweka chaguzi za kawaida zinazotumika kwa maombi mengi ya AJAX.

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

 

$.ajaxPrefilter() njia

Njia $.ajaxPrefilter() hutumiwa kurekebisha maombi ya AJAX kabla ya kutumwa. Inakuruhusu kuchakata chaguzi za ombi la AJAX na kuzirekebisha kulingana na mahitaji yako. Hii inaweza kuwa muhimu kwa kuongeza vichwa maalum, kudhibiti data, au kuingilia maombi.

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

 

Njia hizi hutoa njia tofauti za kufanya kazi na maombi ya AJAX katika jQuery. Kulingana na mahitaji yako maalum, unaweza kuchagua njia inayofaa zaidi mahitaji yako. jQuery hurahisisha mchakato wa kufanya maombi ya AJAX na kushughulikia majibu, hukuruhusu kuunda programu tendaji na shirikishi za wavuti.