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

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

您可以使用 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 文件的输出。

Answer 2

简单的...

将您的 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 ......我不会向你展示那部分......因为我假设你已经知道如何在服务器端处理表单。