jQuery AJAX

Napjaink egyik legelterjedtebb javascript frameworkjével nagyon egyszerűen tudunk AJAX kéréseket végrehajtani. A leírásomban az 1.4-es verzió AJAX megoldásait fogom ismertetni.
Ha az oldalunk bizonyos elemének tartalmát szeretnénk AJAX-al frissíteni, akkor a load jQuery metódus lesz a legkézenfekvőbb:

  $('.element').load('path/to/ajax_handler.php');

Miután egy selector-al jQuery objektumot kapunk a html elemünkből, egy láncolással meghívjuk a load() jQuery metódust a célfájl elérésével. Ez a kérés GET-el fog végrehajtódni.
Amennyiben valamilyen oknál fogva POST kérést akarunk végrehajtani, a jQuery-vel rendelkezésre áll ehhez is egy metódus:

 $.post('path/to/ajax_handler.php', function(data) {
  alert(data);
});

AZ első paraméter a célfájl url-je, a második pedig egy callback függvény ami megkapja paraméterként a választ. Ha paramétereket is szeretnénk használni a híváshoz akkor a második paraméterünk egy JSON sztring lesz:

 $.post('path/to/ajax_handler.php',{param1 : "teszt", param2 : "teszt2"} function(data) {
  alert(data);
});

Arra is van lehetőség hogy a válaszban érkező adat típusát megadjuk a híváskor:

 $.post('path/to/ajax_handler.php',{param1 : "teszt", param2 : "teszt2"} function(data) {
  alert(data);
},"xml");

Röviden ennyi a jQuery AJAX ismertetése.

Cimkék: ajax, Javascript, jquery, json, xml