jQuery ajax tutorial.

Tutoriale

Proste zapytanie AJAX

Nasze pierwsze zapytanie AJAX-owe będzie zmieniało treść div-a o id równym my_div. Jego oryginalna treśc jest równa "jQuery tutorial. Nasz metoda javascript:
function doRequest(){
	var page = $.ajax({url: "imie.php", 
					   type: "GET",
					   success: function(html){
							$("#my_div").append(html)
							}
					  });

Methodę doRequest() wywołamy na akcję onclick
<span onclick="doRequest();">Załaduj</span>
Załaduj

jQuery tutorial.

Wysłanie formularza przez AJAX

Oto nasz formularz:
<form>
Imię<input id="imie" type="text" value=""/>
<br/>
Nazwisko<input id="nazwisko" type="text" value=""/>
<br/>
input type="button" value="Wyślij" onclick="sendForm();" />
</form>
a to treść metody sendForm()
function sendForm(){
	$.post("form.php", { imie: $('#imie').attr("value"), 
						 nazwisko: $('#nazwisko').attr("value")
						},
						function(response){$("#odpowiedz").text(response);} 
			);
}
Imię
Nazwisko

Zapytanie get Ajax-a

JSON data

Oto nasz metoda do wykonania zapytania o dane zapisane w formacie JSON:
function getJSON(){
	$.getJSON("json.php", function(data){
				$.each(data, function(imie){
				$('#imiona').append(data[imie] + ' ');
				})
				})
}

Metoda nasza wykona zapytanie danych JSON i otrzymane imiona wyświetli w spanie o id 'imiona'

Imiona: