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

JavaScript操作运行文件不更改url路径,javascript,html,reactjs,Javascript,Html,Reactjs,我试图让我的表单检查SQL数据库,但当表单提交时,我希望它运行一个js文件,将数据库拉入常量 但它没有这样做,而是更改了URL 如何让它在页面上运行js脚本,而不是更改URL <form id="myform"> <input type="text" name="some_identifier"/> <button>Submit</button> </form> 这将阻止默认表单提交: <script> v

我试图让我的表单检查SQL数据库,但当表单提交时,我希望它运行一个js文件,将数据库拉入常量

但它没有这样做,而是更改了URL

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

<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示例如下:

将XMLHttpRequest与form.onsubmit一起使用handler@SidVishnoi我如何在表单标签上使用它