Javascript jQuery在联机服务器上返回不推荐的错误,localhost OK
我的脚本使用jQuery 3.3.1请求登录页面,并返回一个错误,而不是登录或注销,在服务器上,PHP is 5.6与Apache/Linux,并且它工作的本地服务器与它工作的版本相同Javascript jQuery在联机服务器上返回不推荐的错误,localhost OK,javascript,jquery,xmlhttprequest,Javascript,Jquery,Xmlhttprequest,我的脚本使用jQuery 3.3.1请求登录页面,并返回一个错误,而不是登录或注销,在服务器上,PHP is 5.6与Apache/Linux,并且它工作的本地服务器与它工作的版本相同 <form class="js-validate" id="formLogin" name="formLogin" autocomplete="off" accept-charset="UTF-8" onSubmit="return false;"> <div class="row">
<form class="js-validate" id="formLogin" name="formLogin" autocomplete="off" accept-charset="UTF-8" onSubmit="return false;">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-6">
<div class="js-form-message">
<label for="user_email" class="h5 d-block text-uppercase">Email address</label>
<div class="js-focus-state input-group u-form">
<input type="email" autocomplete="false" class="form-control u-form__input" id="user_email" name="user_email" required placeholder="email@example.com" aria-label="email@example.com" data-msg="Please enter a valid email address." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 mb-6">
<div class="js-form-message">
<label for="user_password" class="h5 d-block text-uppercase">Password</label>
<div class="js-focus-state input-group u-form">
<input type="password" autocomplete="false" class="form-control u-form__input" id="user_password" name="user_password" required placeholder="********" aria-label="********" data-msg="Your password is invalid, please try again." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div id="returnResponse"></div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-left">
<a class="font-size-14 font-weight-bold title-green" href="login/recuperar-senha/">I forgot my password!</a>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 text-right">
<button id="btnSend" type="submit" class="btn btnp-success btn-sm color-1 material-design transition-3d-hover" data-color="#004740">Sign in</button>
</div>
</div>
</form>
<!-- SCRIPT - LOGIN -->
<script>
$(document).ready(function(){
$("#formLogin").on('submit', function(){
$.ajax({
type:'POST',
url: "login/send-form/",
data: $('#formLogin').serialize(),
beforeSend: function(){
$('#btnSend').attr("disabled","disabled");
$('#formLogin').css("opacity",".5");
},
success: function(data) {
$('#formLogin')[0].reset();
$('#returnResponse').html(data);
$('#formLogin').css("opacity","");
$("#btnSend").removeAttr("disabled");
console.log(data);
}
});
});
});
</script>
电子邮件地址
密码
登录
$(文档).ready(函数(){
$(“#formLogin”)。在('submit',function()上{
$.ajax({
类型:'POST',
url:“登录/发送表单/”,
数据:$('#formLogin')。序列化(),
beforeSend:function(){
$('#btnSend').attr(“禁用”、“禁用”);
$('#formLogin').css(“不透明度“,”.5”);
},
成功:功能(数据){
$('#formLogin')[0].reset();
$('#returnResponse').html(数据);
$('#formLogin').css(“不透明度”,”);
$(“#btnSend”).removeAttr(“禁用”);
控制台日志(数据);
}
});
});
});
在控制台上,它返回错误并且不执行请求,在本地主机上,它工作:
主线程上的[Deprection]同步XMLHttpRequest为
不推荐使用,因为它会对最终用户的
经验如需更多帮助,请查看
在阅读评论中提到的链接时,提到以下内容 “workers之外的同步XMLHttpRequest正在从web平台中删除,因为它会对最终用户的体验产生不利影响。(这是一个耗时多年的漫长过程。)当当前全局对象是窗口对象时,开发人员不得为异步参数传递false。强烈建议用户代理在开发人员工具中警告此类用法,并可尝试在出现“InvalidAccessError”DomeException时抛出该异常。“ 我认为您的ajax请求是同步的,在默认情况下,它应该是异步的
jquery Ajax,所以尝试在Ajax请求中添加
async:true
。可能重复而不是重复,这是另一个现实。