我已经实现了一个登录表单,它在提交时调用 jQuery AJAX 调用 API 来检查身份验证。这适用于 PC 版 Chrome,但不适用于 chrome android。相反,它返回此消息:
本网站需要 Javascript 才能运行,请在您的浏览器中启用 Javascript 或使用支持 Javascript 的浏览器
登录表格:
<form id="loginForm" class="mt-5 col-md-6 mx-auto">
<!-- Email field -->
<div class="input-group input-group-lg mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
@
</span>
</div>
<input type="email" class="form-control form-control-lg" placeholder="Email"
name="email" required>
</div>
<!-- Password field -->
<div class="input-group input-group-lg mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">
<i class="fas fa-lock"></i>
</span>
</div>
<input type="password" class="form-control form-control-lg" placeholder="Password"
name="password" id="pwdField" minlength="6" required>
<div class="input-group-append">
<button type="button" class="btn btn-light" id="showPwdBtn">
<i class="fa fa-eye" id="showPwdIcon"></i>
</button>
</div>
</div>
<input type="submit" value="Login" class="btn btn-success btn-block btn-lg mt-4">
</form>
Javascript代码:
$("#loginForm").submit(function(e) {
e.preventDefault();
let loginData = getFormDataAsJSON($(this));
console.log(loginData);
$.post(
"/api/login",
loginData,
function(res) {
if (res == true) {
window.location = "/";
} else {
$("#regError").fadeIn("fast");
}
},
"json"
);
});
ajax 调用之前的代码工作正常,但它显示了 ajax 调用的消息。