Question

我想通过将表单发送到php文件来学习ajax，例如对于此表单我应该怎么做？我需要使用ajax和js将此表单（例如）发送到php文件（如send.php）。

<form name='myform' method='post'>
<input name='name' type='text'/></br>
<input name='email' type='text'/></br>
<input name='title' type='text'/></br>
<textarea name='message'></textarea></br>
<input name='send' type='submit' value='send'/>
</form>

Answer 1

...简单

将您的HTML更改为此...

<form id="myform" name='myform' method='post' action="">
   <input name='name' type='text'/></br>
   <input name='email' type='text'/></br>
   <input name='title' type='text'/></br>
   <textarea name='message'></textarea></br>
   <button id="submitbutton">SUBMIT</button>
</form>

在页面顶部包含Jquery库...

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

然后在页面上添加此脚本......

<script>
$(document).ready(function(){

 $('#submitbutton').click(function(e){
   e.preventDefault();
   form = $("#myform").serialize();

   $.ajax({
     type: "POST",
     url: "yourpage.php",
     data: form,
     success: function(data){
         alert('Successful!'); 
     }});

   return false;  //stop the actual form post !important!
  });

});
</script>

另一方面的处理是PHP ....我不会告诉你那个部分....因为我假设你已经知道如何在服务器端处理表单。

Answer 2

您可以使用jQuery轻松完成此操作。

$("form[name=myform]").ajax({
  type: "POST",
  url: "send.php",
  data: { $("form[name=myform]").serialize(); }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});

其中msg将是send.php文件的输出。

使用ajax将表单发送到php文件

2 个答案: