防止在 HTML 中提交表单时重定向

Question

我在 html 中创建了一个向该网站发出登录请求的表单：https://kintai.jinjer.biz/sign_in 这是我的html代码：

<form  method="post" class= "login-form" action="https://kintai.jinjer.biz/v1/sign_in">

<input class="login-input--text jcompanycode" id="company_code" name="company_code" type="hidden" value="1234" /> 
<input class="jemail login-input--text" name="email" type="hidden" value="1234" /> 
<input class="jpassword login-input--text" name="password" placeholder="パスワード" type="hidden" value="1234" />
 <input type="submit" value= "submit" id= "submit" /> 
</form>

我编写了一个 javascript 代码来防止在提交表单时重定向。

<script>

 $(document).ready(function(){
 $('.login-form').submit(function(e){
    e.preventDefault();
   });
});

我想防止表单提交时重定向。 但是，当我添加 javascript 时，发布请求不起作用。 在保留在当前 html 页面上的同时将表单数据发送到服务器的任何想法？ 注意：请不要告诉我使用 ajax 或 jquery 来发出登录请求。 我多次尝试使用 ajx/jquery 发出发布请求，但它不起作用。也许是由于我认为的相同原产地政策。

Answer 1

HTML 表单重定向页面是它的特点。
如果您想避免，请尝试将 formdata 与 ajax 一起使用。

MDN FromData

MDN Fetch with FormData