I could not get the packaged struts2 ajax implementation to work, so I am
trying to go at it with plain javascript. A problem that I am having is that
whenever I submit the form, all of my form fields keep getting appended over
and over. If I click submit enough, it causes an overflow error. Can you take a
look at my code? Thanks.
<script language='Javascript'>
function retrieveURL(url, target, submitFormFlag, nameOfFormToPost) {
var req = getXmlHttpRequest();
var method = "GET";
if (submitFormFlag) {
url = url + getFormAsString(nameOfFormToPost);
method = "POST";
req.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
}
req.onreadystatechange = function() {
if (req.readyState == 4) {
if (req.status == 200) {
if (req.responseText.length > 0) {
target.innerHTML = "";
target.innerHTML = req.responseText;
}
} else {
alert("Error encountered. Please contact support.");
}
}
req.open(method, url, true);
req.send(null);
return false;
}
function getFormAsString(formName){
var x = document[formName];
returnString = "?1=1";
formElements = document[formName].elements;
for(var i = formElements.length-1; i >= 0; --i) {
returnString = returnString + "&" + encodeURI(formElements[i].name) + "=" +
encodeURI(formElements[i].value);
}
return returnString;
}
function do_submit() {
retrieveURL('NameOfAction!list.action', sometarget, true, 'aform');
}
</script>
<form name='aform'>
<s:textfield name="field1" value="%{field1}" />
<s:textfield name="field2" value="%{field2}" />
<s:textfield name="field3" value="%{field3}" />
<s:textfield name="field4" value="%{field4}" />
<s:textfield name="field5" value="%{field5}" />
<input type='button' value='submit' onclick='do_submit()'/>
</form>
<div id='sometarget'></div>
_________________________________________________________________
Connect to the next generation of MSN Messenger
http://imagine-msn.com/messenger/launch80/default.aspx?locale=en-us&source=wlmailtagline
