close

AJAX i jQuery- Rukovanje zahtjevima i interakcija podataka

AJAX(Asynchronous JavaScript and XML) je tehnologija koja omogućuje komunikaciju i razmjenu podataka između preglednika i poslužitelja bez potrebe za ponovnim učitavanjem cijele web stranice. jQuery pruža prikladne metode i funkcije za izvođenje AJAX zahtjeva. Evo nekoliko primjera korištenja AJAX-a s jQueryjem:

 

$.ajax() metoda

Metoda $.ajax() je svestrana metoda koja vam omogućuje slanje AJAX zahtjeva poslužitelju. Pruža različite opcije za prilagodbu vašeg zahtjeva, kao što je navođenje URL-a, metode zahtjeva(GET, POST, itd.), rukovanje povratnim pozivima za uspjeh i grešku i više. Ovu metodu možete koristiti kada vam je potrebna precizna kontrola nad AJAX zahtjevom.

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

 

$.get() metoda

Metoda $.get() je skraćena metoda za izradu GET zahtjeva poslužitelju. Pojednostavljuje proces automatskim postavljanjem metode zahtjeva na GET i rukovanjem uspješnim povratnim pozivom. Ovu metodu možete koristiti kada samo trebate dohvatiti podatke iz 

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

 

$.post() metoda

Metoda $.post() je slična $.get(), ali posebno šalje POST zahtjev poslužitelju. Omogućuje vam prosljeđivanje podataka zajedno sa zahtjevom, što je korisno kada želite poslati podatke obrasca ili druge parametre na poslužitelj.

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

 

$.getJSON() metoda

Metoda $.getJSON() se koristi za dohvaćanje JSON podataka s poslužitelja. To je skraćena metoda koja automatski postavlja metodu zahtjeva na GET i očekuje da poslužitelj vrati JSON odgovor. Pojednostavljuje proces dohvaćanja i rada s JSON podacima.

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

 

$.ajaxSetup() metoda

Metoda $.ajaxSetup() vam omogućuje da konfigurirate zadane postavke za sve buduće AJAX zahtjeve. Na primjer, možete postaviti zadana zaglavlja, odrediti vrstu podataka ili konfigurirati opcije provjere autentičnosti. Ova je metoda korisna kada želite postaviti zajedničke opcije koje se primjenjuju na više AJAX zahtjeva.

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

 

$.ajaxPrefilter() metoda

Metoda $.ajaxPrefilter() se koristi za modificiranje AJAX zahtjeva prije slanja. Omogućuje vam prethodnu obradu opcija AJAX zahtjeva i njihovu izmjenu na temelju vaših potreba. To može biti korisno za dodavanje prilagođenih zaglavlja, manipuliranje podacima ili presretanje zahtjeva.

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

 

Ove metode omogućuju različite načine rada s AJAX zahtjevima u jQueryju. Ovisno o vašim specifičnim zahtjevima, možete odabrati metodu koja najbolje odgovara vašim potrebama. jQuery pojednostavljuje proces izrade AJAX zahtjeva i rukovanja odgovorima, omogućujući vam stvaranje dinamičnih i interaktivnih web aplikacija.