Php jQuery简单表单提交，无需重新加载

有人能给我提供最简单的jquery表单提交代码吗。网络上有各种各样的小发明编码。

你想要的是。它允许您使用ajax发送普通的“表单”-您可以制作一个不可见的表单，并使用此插件将其子提交。Joel回答中的选项也是可能的，这取决于您想要提交的内容的复杂性。

看看插件：

$('#your_form_id').submit(function(){
  var dataString = $("#your_form_id").serialize();

  $.ajax({  
    type: "POST",  
    url: "submit.php",  
    data: dataString,  
    success: function() {  
      alert('Sent!');
    }  
  });

  return false;
});

---

这是另一个解决方案，没有Jquery表单插件那么简单，但是如果您想自己处理错误代码和消息，它可能会很有用

看看这个HTML+Javascript示例：

    <div>
      <form method="post" id="fm-form" action ="">
      <label>Name:</label>
          <input type="text" id="fm-name" name="fm-name" value="" />
          <label>Email:</label>
          <input type="text" id="fm-email" name="fm-email" value="" />
          <label>Birthdate:</label>
          <input type="text" id="fm-birthdate" name="fm-birthdate" value="" />

          <input type="submit" id="fm-submit" value="Save it">
      </form>
    </div>


<script type="text/javascript">
$(function() {

  // disable the form submission
  $("#fm-form").submit(function () { return false; });

  // post the datas to "submit_form.php"
  $("#fm-submit").click(function() {
  $.post("/ajax/submit_form.php",
      { 'fm-name':$("#fm-name").val(),
      'fm-email':$("#fm-email").val(),
      'fm-birthdate':$("#fm-birthdate").val()
      }
      ,function(xml) {
        // submit_form.php will return an XML or JSON document
      // check it for potential errors
      });
  });

});
</script>

姓名：
电邮：
出生日期：
$（函数（）{
//禁用表单提交
$（“#fm form”）.submit（函数（）{return false；}）；
//将数据发布到“submit_form.php”
$（“#fm提交”）。单击（函数（）{
$.post（“/ajax/submit\u form.php”，
{'fm name'：$（“#fm name”）.val（），
“fm电子邮件”：$（“#fm电子邮件”）.val（），
“fm生日”：$（“#fm生日”）.val（）
}
，函数（xml）{
//submit_form.php将返回一个XML或JSON文档
//检查它是否存在潜在的错误
});
});
});

$（'form'）.submit（）是一个显而易见的答案，但可能不是您要搜索的内容。你能描述一下你想做什么吗？我有一个简单的删除记录页面，我想删除一条记录。我不需要任何刷新，并且需要jQuery作为工作权限，我希望在执行sql查询后从submit.php返回一个值。就像我在给你的博客添加评论一样answer@dave：请参阅有关如何执行此操作的问题：success函数具有参数（数据、textStatus）。您可以根据成功函数中接收到的数据进行操作。是的，我将添加内容。这和在你的答案中添加评论是一样的吗？是的，确实如此-我不确定stackoverflow是否特别使用表单插件：）

    <div>
      <form method="post" id="fm-form" action ="">
      <label>Name:</label>
          <input type="text" id="fm-name" name="fm-name" value="" />
          <label>Email:</label>
          <input type="text" id="fm-email" name="fm-email" value="" />
          <label>Birthdate:</label>
          <input type="text" id="fm-birthdate" name="fm-birthdate" value="" />

          <input type="submit" id="fm-submit" value="Save it">
      </form>
    </div>


<script type="text/javascript">
$(function() {

  // disable the form submission
  $("#fm-form").submit(function () { return false; });

  // post the datas to "submit_form.php"
  $("#fm-submit").click(function() {
  $.post("/ajax/submit_form.php",
      { 'fm-name':$("#fm-name").val(),
      'fm-email':$("#fm-email").val(),
      'fm-birthdate':$("#fm-birthdate").val()
      }
      ,function(xml) {
        // submit_form.php will return an XML or JSON document
      // check it for potential errors
      });
  });

});
</script>