JavaScript 操作运行文件不更改 url 路径

Question

我试图让我的表单检查 SQL 数据库，但是当提交表单时，我希望它运行一个 js 文件，将数据库拉入 const 中。

但它并没有这样做，而是更改了 URL。

如何让它在页面上运行js脚本，而不是更改URL？

Answer 1

<form id="myform">
    <input type="text" name="some_identifier"/>
    <button>Submit</button>
</form>

这将阻止默认表单提交:

<script>
var form  = document.getElementById("myform");
form.addEventListener('submit', function(e){
   console.log("send my data"); // do whatever you want to with data
   // use xmlHttpRequest here
   e.preventDefault(); // prevent default submit event
});
</script>

xmlHttpRequest (xhr) 示例如下: https://www.w3schools.com/xml/tryit.asp?filename=tryxml_httprequest