Username
Password
Remember me
Lost Password?
No account yet?
Register
Home
Articles
Web Design
Mixes
Images
Search
Programming
Operating Systems
Producing
DJing
Blog
Jokes
Programming menu
AJAX
Apple
Classic ASP
ASP.NET
CSS
HTML
Javascript
Joomla
Joomla Tutorial
PHP
SQL / mysql
VB / VB.NET
Links
Home
Articles
Programming
How to post a form via POST using AJAX
How to post a form via POST using AJAX
Tag it:
?
User Rating:
/ 0
Poor
Best
unction submitEditProfileNameDetailsAjax(){ if(validatemyNameForm()){ $('editNameDetailsSubmitButtonDiv').innerHTML = '
'; //$('NameForm_res').innerHTML = ""; var url = 'name_of_page_that_accepts_post.php'; var Name_Prefix = $('Name_Prefix').value; var fi = $('fi').value; var Name_First = $('Name_First').value; var second_name = $('second_name').value; var Name_Middle = $('Name_Middle').value; var Name_Last = $('Name_Last').value; var Name_Suffix = $('Name_Suffix').value; var nick_print = $('nick_print').value; var Title = $('Title').value; var title_badge = $('title_badge').value; var web_edit_fields = $('web_edit_fields').value; var detailsId = $('detailsId').value; //create the params for AJAX POST var params = "Name_Prefix="+Name_Prefix+"&fi="+fi+"&Name_First="+Name_First+"&second_name="+second_name+"&Name_Middle="+Name_Middle+"&Name_Last="+Name_Last+"&Name_Suffix="+Name_Suffix+"&nick_print="+nick_print+"&Title="+Title+"&title_badge="+title_badge+"&web_edit_fields="+web_edit_fields+"&detailsId="+detailsId; xmlHttp = GetXmlHttpObject1(); xmlHttp.open("POST", url, true); xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlHttp.setRequestHeader("Content-length", params.length); xmlHttp.setRequestHeader("Connection", "close"); xmlHttp.onreadystatechange = function() {//Call a function when the state changes. if(xmlHttp.readyState == 4) { $('editNameDetailsSubmitButtonDiv').innerHTML = '
'; $('NameForm_res').innerHTML = ""; //update the values of the textboxes and drop downs to reflect the new values $('responseForNameForm').innerHTML = xmlHttp.responseText; if($('getMemberYooLoginDetailsModule')){ $('memberYooLoginDetailsModule').innerHTML = $('getMemberYooLoginDetailsModule').innerHTML; } $('NameForm_res').innerHTML = '
Changes to your name details have been saved.
'; } } xmlHttp.send(params); } }
Comments
Search
Only registered users can write comments!
Last Updated ( Monday, 15 December 2008 )
< Prev
Next >
[ Back ]