火狐返回假； (preventDefault();) 和 window.location.reload();一起

Question

我认为这是一个非常愚蠢的问题，但经过数小时的谷歌搜索 - 我没有任何想法或解决方案。 关键是在我的网站上处理“点击”事件后我需要重新加载页面。在 chrome\opera 中，它可以正常工作。但是在Firefox中我有一些错误。我的带有 cmets 的 JS 代码：

$('#project_create').click(function() {
  var projectname = $("#project_name").val();
  var projectdescription = $("#project_description").val();
  $.post("projects/add_project.php", {
    project_name: projectname,
    project_description: projectdescription
  });
  $("#create_project_form").hide("slow");
  $("#project_list").show("slow");
  //return false; - if it uncomment, all work, but next page reloader doesn't work.
  window.location.reload(); //but if it's work, FireFox doesn't send $.post-query
});

我需要工作台方法，因为点击后 - 脚本放入 $_SESSION['my_var'] 一些变量，并且该变量仅在重新加载页面后可用。也许还有其他方法可以做到这一点？据我了解，Firefox 和 preventDefault();

的功能存在问题

谢谢！

Answer 1

问题只是您在执行 ajax 请求之前重新加载页面。

尝试在 ajax 成功回调处理程序中重新加载页面：

$.post("projects/add_project.php", {
   project_name: projectname,
   project_description: projectdescription
}, function(){
   window.location.reload();
});

并删除您的旧window.location.reload()

Answer 2

当您执行return 时，该行之后的代码将不再被访问并被视为“死代码”。 不能简单地将代码放在return 之后。

另一个是使用return false 来阻止默认默认操作时存在问题。它可以防止委托/冒泡。挂在 DOM 树上的事件处理程序（尤其是挂在 on() 上的事件处理程序）不会被执行。如果委托很重要，请不要使用它。

如果您的目标是阻止链接的默认操作并在 JS 中执行某些操作，请改用 event.preventDefault。 event 对象作为处理程序中的第一个参数传入。

$('#project_create').click(function(event) {
  event.preventDefault();

  // rest of the code
});

Answer 3

除了其他答案的建议之外，您还可以使用setTimeout 异步执行location.reload 方法：

setTimeout(function() { location.reload(); }, 1);
return false;

编辑： 当然，运行异步 AJAX 请求并在之后立即重新加载页面的整个想法是有缺陷的，因为 AJAX 请求可能尚未完成您重新加载页面的时间。

因此，您应该按照接受的答案的建议使用回调。或者，您可以使用同步 AJAX 请求，但这会在请求完成之前冻结执行，这通常是不可取的。