javascript - Jquery 仅在我在任何行上设置断点时运行，或者不会运行

Question

我有一个简单的表格，可以将姓名和电子邮件发送到我的数据库。Jquery 正在侦听表单，并在验证后将数据发送到 form.php 。

当我在 Firefox 开发工具中设置断点时，将使用正确的数据调用 form.php。否则，我认为正在发生的事情是 form.php 在 jquery 设法发送任何数据之前被调用（这可以通过以下事实来理解，即只有当我设置断点时才会读取代码的第一部分）。我认为这样的事情正在发生如何从异步调用返回响应？，我已阅读但不知道如何在我的代码中实现这些解决方案。

$(document).ready(function() {

$("#submit").on("click",function() {
var name = $("#Name").val();
var email = $("#Email").val();

if (name == '' || email == '') {
  alert("Please Fill Required Fields");
} else {
  $.post("form.php", {
    name1: name,
    email1: email
  }, function(data) {
    $("#returnmessage").append(data);
    if (data == "Thanks a lot!") {
      $("#form")[0].reset();
    }
  });
}
});
});

标签： javascriptjqueryhtmlajax

Answer 1

尝试添加event.preventDefault(); 在您的代码中如下：

$(document).ready(function(event) {

  $("#submit").on("click",function() {

    event.preventDefault();

    var name = $("#Name").val();
    var email = $("#Email").val();

    ...