停止提交按钮以刷新页面

Question

我有一个<form>标记，其中包含2个按钮和2个文本字段。我的表单中也有其他控件。

以下是表单标签：

<form>
  <input id="Text1" type="text" name="locationText" />
  <input id="Button1" type="submit" value="Search Location" />

  <input id="Text2" type="text" name="refText" />
  <input id="Button2" type="submit" value="Search Ref" />
</form>

当我搜索位置时，它可以正常工作。使用我提供的查询搜索位置下拉列表。但是，一旦我搜索了位置然后尝试搜索“参考”，页面就会刷新，并且以前的位置搜索也消失了。

我想同时进行搜索而不刷新页面。任何建议或帮助将不胜感激。

如何防止这种情况发生？谢谢！

编辑：

页面在第二张图片上刷新。

---

Answer 1

如果您使用的是JavaScript，则无需使用form标签，则可以使用按钮onclick事件。

您可以执行其中一项以防止刷新表单提交页面。

1-将type=submit更改为type=button

2-在您的表单上使用它：<form onsubmit="return false;">

Answer 2

您可以通过在表单提交时使用preventDefault来防止刷新。

示例代码：

bluebird

希望这会有所帮助！