[jQuery,ajax] Wykonanie skryptu php, wyświetlenie nowego tekstu bez odświeżania strony Opcje

[graft]

Witam

Mam oto taki kod w head:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery.js"></script>
 
<script type="text/javascript">
 
	$(document).ready(
	function()
	{
		$("#zapisz").click(
		function()
		{
			$.ajax({
			type: "POST",
			url: "zapisz.php",
			success: function(){
			$("#mojdiv").text("działa!");
			}
			});
 
		});
	});
</script>
[HTML] pobierz, plaintext 

oraz w body:

[HTML] pobierz, plaintext 
<a href="#" id="zapisz">Zapisz zmiany</a>
 
<div>
<p id="mojdiv">stary tekst</p>
</div>
[HTML] pobierz, plaintext 

Wygląda na to, że wszystko działa. Problem pojawił się gdy umieściłem mój link (Zapisz zmiany) wewnątrz FORM:

[HTML] pobierz, plaintext 
<FORM NAME="add_user" ACTION="" METHOD="POST">
...
...
<a href="#" id="zapisz">Zapisz zmiany</a>
...
...
</FORM>
[HTML] pobierz, plaintext 

Tym razem po kliknięciu w link, przeładowuje się cała strona - wykonuje się formularz. A tego nie chciałem...

Jak to obejść, ale żeby zachować link z ID wywołującym funkcje wewnątrz FORM'a? może w action coś dopisać?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

Pomocy (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)

[batman]

Szybki strzał (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Dodaj do wywołania funkcji click return false;

Kod

$("#zapisz").click(
    function()
    {
        //......
            return false;
    }
});

});

Dodanie tego ma zapobiegać wykonywaniu się domyślnej akcji.

Ten post edytował batman 19.10.2007, 17:24:35