having a problem submitting forms via ajax

[bettor]

Hi guys,

I have some text inputs which I would like to submit to a database via PHP using ajax. What i want to do is when the submit button is pressed I want the forms to disappear and on their place to show up a message saying ...."thanks for submitting you data"... how can I do that. any help pls?
so i have

<form...><input.../>
<input>
<input type="submit">
</form>

after pressing on submit I want only the text form out of the whole page to disappear and the rest to remain and on their place to show up a message echo-ed by php.

[pbmods]

Bettor, please use CODE tags when posting source code. See the REPLY GUIDELINES on the right side of the page next time you post.

[bettor]

OK sorry for the mistake. I need help replacing forms with a successful submittion message using ajax. any help?

[ak1dnar]

Hi guys,

I have some text inputs which I would like to submit to a database via PHP using ajax. What i want to do is when the submit button is pressed I want the forms to disappear and on their place to show up a message saying ...."thanks for submitting you data"... how can I do that. any help pls?
so i have

<form...><input.../>
<input>
<input type="submit">
</form>

after pressing on submit I want only the text form out of the whole page to disappear and the rest to remain and on their place to show up a message echo-ed by php.

Insert your Form inside a <div id="formName"> and On submit set the visibility property to hidden for it.

Then Remaining Task could Handle by Ajax, ResponseTexts.

[bettor]

If I am using the following ajax function

<script type="text/javascript">
function ajaxFunction()
  {
  var xmlHttp;
  try
    {
    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();
    }
  catch (e)
    {
    // Internet Explorer
    try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
    catch (e)
      {
      try
        {
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
      catch (e)
        {
        alert("Your browser does not support AJAX!");
        return false;
        }
      }
    }
    xmlHttp.onreadystatechange=function()
      {
      if(xmlHttp.readyState==4)
        {
        document.myForm.time.value=xmlHttp.responseText;
        }
      }
    xmlHttp.open("GET","time.asp",true);
    xmlHttp.send(null);
  }
</script>

how should I change

document.myForm.time.value=xmlHttp.responseText;

to address the div id=someid

[ak1dnar]

Exelent, at least you are trying http://www.w3schools.com.But I am Not recomending the GET method to submit your Form data. How about POST.[BTW you can use GET also].

• Create a Form by putting id for each form element in the form.
• Onsubmit the pass call for javascript function to collect the Submitted data from the form.
• On the Page where you have created your Form create empty div.

   <div id="status_msg"></div>
   
   
   
   
   
   
   
   

• If you are familiar with readyState property of t XMLHttpRequest you can write down some messages to the status_msg div while the process is going on and and also you can hide your Form at the same time.

P.S. I can Send you the code but how about learning it step by step your self. I think you are not in a hurry.

[dmjpro]

Exelent, at least you are trying http://www.w3schools.com.But I am Not recomending the GET method to submit your Form data. How about POST.[BTW you can use GET also].

• Create a Form by putting id for each form element in the form.
• Onsubmit the pass call for javascript function to collect the Submitted data from the form.
• On the Page where you have created your Form create empty div.

   <div id="status_msg"></div>
   
   
   
   
   
   
   
   

• If you are familiar with readyState property of t XMLHttpRequest you can write down some messages to the status_msg div while the process is going on and and also you can hide your Form at the same time.

P.S. I can Send you the code but how about learning it step by step your self. I think you are not in a hurry.

Ajaxrand is right.
It is better to learn it from yourself instead of taking the help from the beginning.
And one thing you have not pass the parameters which you want to submit.
Follow dis code it may help you to do it.

if(XMLHttp.readyState==4 && XMLHttp.status==200)
{
document.write(XMLHttp.responseText);
}
else{alert("There is something error with the target page");}
 

Best of luck with your try.

Kind regards,
Dmjpro.

[pbmods]

Heya, Bettor.

Thanks for using CODE tags! Did you know that you can specify a language for your CODE tags to make your source code easier to read (and therefore make it more likely that our Experts will post solutions)?

You will still need to use [/code] to close your code blocks, regardless of the language, but you can the use one of these tags to open your code block:

[code=html]
[code=javascript]
[code=php]

and so on.

Thanks!

MODERATOR