Začátečnický problém s AJAXem – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Zdravím, konečně jsem se rozhoupal k JavaScriptu a k AJAXu. Jako pomocníka jsem si vybral framework Mochikit.
Hned ze startu se mi vůbec nedaří a potřebuji poradit, co dělám spatně.
Mám tento JS kód:

function onDoit() {

	var xmlHttpReq = getXMLHttpRequest();

	

	xmlHttpReq.open( "POST", "/blog/test/" + getElement( "name").value, true);

	

	var d = sendXMLHttpRequest(xmlHttpReq);

	d.addCallback(function (data)

	{

		appendChildNodes($("message"), SPAN({}, data.responseText));

	});

	

	d.addErrback(function (data)

	{

		alert("Mas tam neco blbe !")

	});

};

Nejak nechapu, z popisu pod kodem, na co na to potrebujes AJAX

Možná se mi pletou pojmy, ale AJAX není onen asynchronní přenos dat, při kterém není pro změnu stránky nutný reload ? Přesně tohoto totiž chci využít.

Asi bude pro začátek lepší vyhnout se frameworkům a pochytit how-to, tak nějak od podlahy :)
Každopádně za každou radu budu vděčný.

zdravim,

podle toho, cos napsal ze ocekavas, tak onDoit vypada dost divne. Neznam ten framework, ale

xmlHttpReq.open( "POST", "/blog/test/" + getElement( "name").value, true);

<?php

foreach($_POST as $p)

	echo $p."<br>";

?>

Zdravím opavu :)
Já prostě nějak potřebuju získat JavaScritem onu proměnnou odeslanou formulářem, už jsem si asi trochu uvědomil, jak to všechno funguje, takže teď mizím do práce a večer se tu snad vrátím s řešením. ( Jinak aplikace je v Pythonu, ale to je detail)

Takže, mnoho mnoho jsem studoval :) Musím opravit několik svých chyb.
Toka správně psal, že na záměru který tady popisuju není nic AJAXovitého, pravda. Já jsem totiž do svých myšlenkových pochodů míchal další záměr, což je cucání dat z DB a jejich AJAXovité zobrazení, stejným způsobem jaký jsme tady popisoval.

Takže, Mochikit jsem opustil, zabrousil k low-endu a pak narazil na jQuery, ze kterého mám opravdu radost.
Takže, řešení mého problému:

HTML stránka ( jenom kousek, ale zrovna ten důležitý :)) :

.....

<form name="test" id="test">

<label>Zadej něco:</label>

<input id="name" name="name" value="stibi"/>

<a href="#" id="pridej">Přidej !</a>

</form>

<div id="message" />

.....

$(document).ready(function() {

  // najdeme ve strance element s ID pridej a pres onclick nastavime, ze se ma spustit funkce pridej()

  document.getElementById('pridej').onclick = pridej; 

});



// a tady mame nasi pridavaci funkci

function pridej() {

  // najde si element message a prida do nej odstavec, ve kterem je hodnota elementu name, text je ziskan pomoci value

  $(document.getElementById('message')).append("<p>" + document.getElementById('name').value + "</p>");



}