469,922 Members | 2,190 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,922 developers. It's quick & easy.

Ajax Form Save-Reload

MC
Hi,

I am googling for a script and can't seem to find code to do this. I can
probably write code to save but reloading is an issue.

I want to, using ajax, send all form data back to a server and store. A
concise function to cycle through the fields and create a [element
name,value][element name,value] string would be great. I can give the user
the button to call this "Save Form Data" and store in on the server.

I want to give the user a button, and using ajax call to the server and get
the data. This I can do. Given a string of data, reload the fields in the
form. Cycling through the data, finding the matching element name, and
reload the value given the appropriate element type, text, checkbox, radio,
select.

I know this exists but have been unable to find.
Thanks,
Mica
Mar 7 '08 #1
5 2108
MC
I separated getting the form data and serializing it from the ajax send.
I have a server side mechanism built to store and retrieve the data.
I am currently working on a reload function. Its pretty close to done
although its taken about 12 hours.

I also would not use the YUI as it is much heavier code than I like.

MC
Mar 8 '08 #2
On Mar 8, 3:15 pm, "MC" <mica[removethis]@aisus.comwrote:
I separated getting the form data and serializing it from the ajax send.
I have a server side mechanism built to store and retrieve the data.
I am currently working on a reload function. Its pretty close to done
although its taken about 12 hours.
That's not bad at all - 12 hours. These things are not as easy as they
might seem.

Do you have unit tests for it? If not, it would help when it comes
time to change things.

There might be cases like checkbox, select-multiple, or BUTTON
elements (IE has problems here), that require patches.

Unit tests make continual improvement easier. You can make a change
and get either a "green" or a "red".

I like YUI Test. I think it is easier to use than JSUnit. The author
is committed to it and fixed the bugs I filed pretty quickly.

I also would not use the YUI as it is much heavier code than I like.

MC
Mar 9 '08 #3
MC
Ok,
Got it all working...now at 20 hours. Ran into an issue with the javascript
tho. The returned data to populate into the form looks like

"\n\n\n\n\n\n\nMyDataIsHere\n"

Any ideas? I had to delete the \n out to get it to parse correctly. Code is
below.
MC

var FormData = "";
function handleResponse() {
if(http.readyState == 4){
formData = http.responseText;
formData = formData.replace(/\r|\n|\r\n/g, "");
}
}
Mar 9 '08 #4
On Mar 9, 9:49 am, "MC" <mica[removethis]@aisus.comwrote:
Ok,
Got it all working...now at 20 hours. Ran into an issue with the javascript
tho. The returned data to populate into the form looks like

"\n\n\n\n\n\n\nMyDataIsHere\n"

Any ideas? I had to delete the \n out to get it to parse correctly. Code is
below.
The server is apparently sending some \r\n back in the response.

It appears that this function will not work quite right with a
TEXTAREA, which can contain newlines.

Check the data before it goes to the server and see if it has
newlines. You could write a roundtrip() function to verify garbageIn
== garbageOut. If it doesn't, the newlines are being added on the
server.

MC

var FormData = "";
function handleResponse() {
if(http.readyState == 4){
formData = http.responseText;
formData = formData.replace(/\r|\n|\r\n/g, "");
}

}
Mar 10 '08 #5
MC
The data hitting the server is correct.
The data coming out of the database is correct.
The data leaving the app server is correct.
I am using Apache 2.0.59 for testing. I have no idea inside or after it
leaves Apache.

"dhtml" <dh**********@gmail.comwrote in message
news:92**********************************@s37g2000 prg.googlegroups.com...
On Mar 9, 9:49 am, "MC" <mica[removethis]@aisus.comwrote:
>Ok,
Got it all working...now at 20 hours. Ran into an issue with the
javascript
tho. The returned data to populate into the form looks like

"\n\n\n\n\n\n\nMyDataIsHere\n"

Any ideas? I had to delete the \n out to get it to parse correctly. Code
is
below.

The server is apparently sending some \r\n back in the response.

It appears that this function will not work quite right with a
TEXTAREA, which can contain newlines.

Check the data before it goes to the server and see if it has
newlines. You could write a roundtrip() function to verify garbageIn
== garbageOut. If it doesn't, the newlines are being added on the
server.

>MC

var FormData = "";
function handleResponse() {
if(http.readyState == 4){
formData = http.responseText;
formData = formData.replace(/\r|\n|\r\n/g, "");
}

}

Mar 10 '08 #6

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by C Watson | last post: by
31 posts views Thread by Tony | last post: by
2 posts views Thread by nick | last post: by
1 post views Thread by John Chan | last post: by
3 posts views Thread by arggg | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.