javascript - php 提交时显示警报而不加载操作链接

Question

请帮忙，我还是不明白，你能改变需要的内容吗，这是我的完整代码:

<form action='https://api.website.co.za/blabla?' method="get" target="POPUPW" onSubmit="alert('Done'); " >

<div align="center"><br />

<input name="user" type="hidden" value="user" />
<input name="pass" type="hidden" value="password" />
<input name="account" type="hidden" value="<?php echo "$username" ?>" />


Topup Amount : 
<select name="amount" size="1">
  <option value="">  select...  </option>
  <option value="1">1GB</option>
  <option value="2">2GB</option>
  <option value="3">3GB</option>
  <option value="4">4GB</option>
  <option value="5">5GB</option>
  <option value="6">6GB</option>
  <option value="7">7GB</option>
  <option value="8">8GB</option>
  <option value="9">9GB</option>
  <option value="10">10GB</option>
  <option value="11">11GB</option>
  <option value="12">12GB</option>
  <option value="13">13GB</option>
  <option value="14">14GB</option>
  <option value="15">15GB</option>
  <option value="16">16GB</option>
  <option value="17">17GB</option>
  <option value="18">18GB</option>
  <option value="19">19GB</option>
  <option value="20">20GB</option>

</select>


<input type="submit" name="sub" value="Submit in Popup">
</form>

我有一个带有 api 链接的表单，作为表单操作，方法是 get....基本上它从表单获取信息并获取输入的值，然后将其添加到表单操作中 api 链接的末尾。

现在我试图让它只在您单击“提交”后显示警报，而不加载 api 链接页面，有什么想法吗？

目前它显示了警报，但也在我不想要的新页面中加载了 api 链接，它仍然应该提交该 api 链接，但只显示警报。

谢谢大家:)

Answer 1

这应该可以......(未经测试)

借助 jQuery 的一点帮助:

<form id="myform" action='https://api.website.co.za/blabla/?' method="get">
[...]
</form>
<script type="text/javascript">
$('#myform').on('submit', function(e){
    e.preventDefault();
    $.get($(this).attr('action') + $(this).serialize(), function(result){
         alert('DONE');
    });
});
</script>