jQuery Framework

Zdrojové kódy

6.16.3 Příklad 2 – Hlasování v anketě

Příklad použití funkce ajax() pro práci jQuery s AJAXem. V příkladu uživatel zvolí jednu z možností, přičemž po odeslání je zpracování předáno skriptu a vrácena je vybraná hodnota. Zároveň dojde k vymazání výběru a zobrazení možnosti, která byla zvolena.
$("#dovolena_zvolit").bind("click", function() {
	var hodnota = $("input[name=dovolena]:checked").val();
	
	jQuery.ajax({
		url: "ajax_ajax.php",
		data: "vybrano="+hodnota,
		cache: false,
		success: function(html) {
			if (html == "") {
				alert("Špatně jste zvolili hodnotu.");
			}
			else {
				alert("Děkujeme za hlasování.");
				$("#vyber_druhu_dovolene").before("

Zvolena možnost: "+html+"

"); $("#vyber_druhu_dovolene").remove(); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { alert("Chyba.\n" + textStatus + " " + errorThrown); } }); });
Zvolte Váš oblíbený typ dovolené:






Příklad PHP skriptu, který je možné použít:
<?php
$volba = "";
if (isset($_GET["vybrano"])) {
	switch ($_GET["vybrano"]) {
		case "more":
			$volba .= 'Koupání v moři';
			break;
		case "hory":
			$volba .= 'Hory a turistika';
			break;
		case "doma":
			$volba .= 'Relaxování v místě bydliště;';
			break;
	}
}
echo $volba;
?>

© Michal Oktábec 2009 - 2010