jQuery表单提交刷新页面

Question

我想制作简单的HTML页面，例如＆＃34;计算器＆＃34;。我需要表中的值会在按钮点击后显示，它会将数据插入到表中，但它会自动重新加载页面 - 这不是我需要的，我需要查看数据。

有可能吗？谢谢，这是我的表格：

这里是jsFiddle的链接：http://goo.gl/6cWY0r

Answer 1

您不应该将表单提交与您尝试的计算混淆。在提交表单时，数据将被发送到服务器，页面将重新加载。如果你想避免这样，只需创建一个不像我在这里那样提交表单的按钮：
http://jsfiddle.net/tdo6q9km/2/
所以你真正要做的就是添加另一个按钮

<button id="calc"> Calculate </button>

在你的表格之外。

Answer 2

$('button').on('click', function(e){
     $("table").append("<th scope=\"row\">1</th><td>Mark</td><td>Otto</td><td>@mdo</td>");
     e.preventDefault();
  });