gpt4 book ai didi

javascript - 我的表单正在同一网址上发出 get 请求,我不知道为什么要这样做

转载 作者:行者123 更新时间:2023-12-03 02:28:25 25 4
gpt4 key购买 nike

我有登录表单,如下所示,这将让我登录。我没有 HTML 和 javascript 经验。

<!DOCTYPE html>
<html lang="en">

<body>
<div class="container">
<h1> <b> Please sign in</b></h1>
<div id="login">
<form name="salesForm" id="submit_form">
<div class="form-group" id="UserNameD" >
<label for="UserName">Username</label>
<input id="UserName" type="text" name="UserName" class="form-control" required style="color:black">
</div>
<div class="form-group" id="passwordD" >
<label for="password">password</label>
<input id="password" type="password" name="password" class="form-control" required style="color:black">
</div>
<input id="submit" type="submit" class="btn btn-primary" value="submit">

</form>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<script src="static/js/login.js?233"> </script>

</body>
</html>

我有以下 javascript 文件,如下所示:

$(document).ready(function() {
$('#submit_form').submit(function(ev) {
var form_data = $('#submit_form').serializeArray()
console.log(form_data);
$.ajax({
"type": "POST",
"async": false,
"url":'xxxx',
"data": form_data,
"cache": false,
"processData": false,
"contentType": false,
success: function ( res ) {
successcallback(res);

},
error: function( err ) {
alert("Login Fail");

}
});

function successcallback( res ) {
window.location.replace("xxxx");
}

});
});

它不起作用,它正在/而不是我在login.js中放入的url发出获取请求。

感谢您的帮助

最佳答案

尝试添加:

$('#submit_form').submit(function(ev) {
ev.preventDefault(); // prevent default form behavior

防止点击提交后页面重新加载

关于javascript - 我的表单正在同一网址上发出 get 请求,我不知道为什么要这样做,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48845220/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com