php - 在不刷新页面的情况下提交同一页面上的表单

Question

所以这是一场困惑的战斗。我想提交一个在同一页面上的表格作为我的 php 验证。

html

 <form id="form">
  //fields
  <input type="submit" id="submit">
  </form>

<?php
/ /check if form is good
?>

j查询

$("#actvpost").submit(function(){
    //code
  return false;
});

当我点击提交时，页面仍然刷新我怎么能让它只发送数据而不用使用外部页面

我可以在没有 jquery 的情况下完成，但它会刷新页面，我想附加 jquery，这样它就不会刷新页面。

Answer 1

您的表单 ID 应该是 actvpost 而不是 form，因为您在 jQuery 选择器中引用了 actvpost。

您的提交函数不应返回 false，而应使用 event.preventDefault:

$("#actvpost").submit(function( event ){
    event.preventDefault();
    // your code
});

事件对象

所有事件都会在触发时传递一个 event 对象作为它们的第一个参数。该对象包含有关事件的许多有用属性，例如 event.target 和 event.type(返回点击、按键等...)。 jQuery 还使用有用的方法扩展了这个对象，例如 preventDefault()

虽然这不是必需的，但我建议尽早将 event.preventDefault() 放在您的处理程序中，如果不是最先的话。同样，这不是强制性的，但如果您计划在将来编写更复杂的代码，这是一个很好的做法。组织是关键，一切都应该遵循某种共同的惯例。当您使用任何约定编码时，解决问题要容易得多，更不用说通用约定了。

本质上，如果没有新的 HTTP 请求，您将无法运行 PHP，因此，您可能希望在 提交之前仅使用 javascript 验证，并将服务器端验证作为最后一道防线。要将表单提交到您的 PHP 脚本，您需要:

• 使用 AJAX(jQuery 使这变得简单)
• 提交到 iframe，同时监听其“加载”事件以获取 Javascript 响应

两者都发出新的 HTTP 请求并使响应在 javascript 中可用。