I have a form that looks like this:
<form method="post" id="aodform">
<label for="a">Animal:</label>
<input class="input" type="text" name="a"/>
<label for="s">Sausage:</label>
<input class="input" type="text" name="s"/>
<label for="g">Bird:</label>
<input class="input" type="text" name="g"/>
<label for="d">Dessert:</label>
<input class="input" type="text" name="d"/>
<input id="submitter" type="submit"/>
</form>
I need to take the entered values in the form and overwrite (replace) the corresponding node’s text value in an EXISTING XML file that looks like this:
<aod>
<animal>x</animal>
<sausage>x</sausage>
<bird>x</bird>
<dessert>x</dessert>
</aod>
Now, I know I can use
$("#aodform").submit();
to achieve a form submit in Jquery, but after this I’m lost! I’m trying to figure out how to get those form values, store them as variables in a function that then writes to the XML file (all in Jquery).
I’ve searched all over the google box and found similar subjects, but not quite similar enough to help my situation. Would someone please help me? Thank you!
P.S. I CAN NOT use any server-side language, like PHP, or else I would.
You won’t be able to create or edit a local XML file using javascript/jquery because of security concerns. Imagine going to a website and the webmaster wrote some code doing who knows what and puts this in a file on your computer…
The only way to write to a local file using javascript is to use cookies or HTML5 localStorage.
localStorage will allow you to store string keys and values of arrays and/or property names and values of objects.
If you need an XML file you will have to call a server-side script that has permission to write the file on the server, which you can then access via it’s url.