Question

我的HTML页面是一个表单，我输入随机数生成器的上限，在提交时，使用AJAX将表单参数作为HTTP请求提交给PHP脚本，然后写入由php到一个空div但是当我点击提交时，这个数字只有一瞬间才会消失。

如何编辑我的JQuery以获取随机数留在div中，直到我重新提交或离开页面？

在代码中：#x ID是一般形式，＃y ID是放置上限的输入，＃random ID是随机数所在的div。

$('#x').on('submit', function() {
  $('#random').load('random.php', $('#y').serialize());
});

Answer 1

$('#x').on('submit', function(e) {
  e.preventDefault();
  $('#random').load('random.php', $('#y').serialize());
  // or use:
  // return false;
});

Answer 2

当我点击提交时，该数字仅在一瞬间消失，直到它消失。

事实并非如此：它不会消失。相反，它被覆盖（事实上，就像整个页面一样），因为当你提交...然后你提交！
（因为您没有为action设置不同的<form>属性，所以当前页面会再次加载）

换句话说，重要的是您不希望提交表单，但只有submit事件可以用来完成您的工作。

因此解决方案就是在submit完成load()之后立即停止$('#x').on('submit', function() { $('#random').load('random.php', $('#y').serialize()); return false; // <-- prevent to execute the real submit action });事件：

{{1}}

在我退出JQuery之前，如何让php操作停留在此页面上？

2 个答案: