[Prototype]HTML formulier met arrays versturen zonder submit

[Dark Wanderer]

Hallo allemaal,

Ik heb een vraagje over het verzenden van een formulier met Prototype. Ik gebruik op het moment deze code om iets naar een php file te sturen, die het een en ander in een database zet.

code:

function sendRequest() {

new Ajax.Request("ajax/save.php", {
method: 'post',
postBody: 'actief='+$F('actief')+'&name='+$F('name')+'&notes='+$F('notes')+'&action=addcustomerdo', 

onComplete: showResponse

Dit werkt prima met een formulier met een vast aantal velden, maar ik heb nu een formulier met een variabel aantal velden, bijvoorbeeld dit:

code:

<input type="checkbox" name="modules[2]" value="y">
<input type="checkbox" name="modules[3]" value="y">
<input type="checkbox" name="modules[1]" value="y">

Het probleem is nu dat mijn scriptje met postbody niet meer werkt, want daar moet je ieder veld apart aangeven. Nu heb ik wel een howto gevonden op internet (http://www.webdeveloper.com/forum/showthread.php?t=205293) welke form.serialize gebruikt, maar zover ik het begrijp moet ik hiervoor submit gebruiken, en dat wil ik niet. Ik wil gewoon de ingegeven variabelen naar een php file pushen, en de uitkomst in een div sturen met ajax.

Hoe los ik dat op?

[RobIII]

Dark Wanderer schreef op woensdag 08 februari 2012 @ 18:37:
maar zover ik het begrijp moet ik hiervoor submit gebruiken

Waarom
.serialize() doet niets anders dan een string bakken van de values van je form. Een:

JavaScript:

...
...
postBody: $('myform').serialize();
...

of iets dergelijks zou moeten voldoen.

Voorbeeldje



(Uiteraard geeft dit een 404 omdat op jsfiddle geen /ajax/save.php bestaat...)

[ Voor 22% gewijzigd door RobIII op 08-02-2012 18:57 ]

[Dark Wanderer]

Dat werkt inderdaad. Bedankt voor het helpen van deze noob