Ajax 'request'

[Niellles]

Hallo allemaal,

ik ben bezig met een php projectje, deze heeft zoveel formulieren dat het storend wordt als deze formulieren de bezoeker steeds doorsturen naar een nieuwe pagina... Ik weet het, al lang, de oplossing is AJAX... Ik heb altijd de voorkeur gegeven aan het leren van PHP en SQL boven JavaScript, omdat dat in mijn ogen meer mogelijkheden biedt.

Ik heb nu toch maar wat AJAX/JavasScript (lijkt bizar veel op PHP, zeker als je op een blauwe maandag ooit nog een lesje Visualbasic hebt gehad ) eBooks en tutorials gelezen maar het is me nog niet helemaal duidelijk hoe ik het voor elkaar krijg om gegevens (bijv. een formulier met meerdere velden) mee te geven aan zo'n request.

Zou iemand me dit kunnen uitleggen?

Met vriendelijke groet,
Niels

 

[That Guy]

Je maakt een post-request:[JS]var xhttp = new XMLHttpRequest();

xhttp.open('post', 'formulier.php', true);[/JS]en dan stuur je de post-gegevens door:[JS]xhttp.send(postGegevens);[/JS]waar postGegevens een query string is, zoals

waarde1=iets&waarde2=ietsanders

Zie bijvoorbeeld hier en in het algemeen hier. Ohja, vergeet niet wat request headers te zetten zodat het echt een form-post wordt.

 

[Niellles]

Dat ga ik eens proberen!
Bedankt voor de moeite alvast!

Niels

 

[Niellles]

Stel even m'n formulier ziet er zo uit:

<form name='formulier'>
<input type='text' name='voornaam' />
<input type='text' name='achternaam' />
<input type='button' value='Ga!' OnClick="verzenden()" />
</form>

Hoe geef ik dan de waardes mee in:
[JS]waarde1=iets&waarde2=ietsanders[/JS]
zoiets?
[JS]waarde1=me.voornaam.value&waarde2=me.achternaam.value[/JS]

Er vanuit gaande dat, dat in de verzenden() functie wordt gezet.

Punt is dat ik niet document.formulier.voornaam.value kan gebruiken, aangezien dit formulier meerdere malen kan voorkomen op de pagina (ik kan elk formulier dmv php wel een aparte naam geven maar liever niet...)

Groet,
Niels

 

[Supersnail]

Ik zou van de knop dit maken:

<input type='button' value='Ga!' OnClick="verzenden(this.form)" />

In de verzenden functie kan je ze dan zo aan elkaar knopen:
[js]function verzenden(formulier)
{
var params = 'waarde1='+formulier.voornaam.value+'&waarde2='+formulier.achternaam.value;
\\ rest van de code
}[/js]

 

[Niellles]

Ga ik mee aan de slag, bedankt!