Php 函数的作用是';在chrome中不起作用,但在Mozilla中效果很好

Php 函数的作用是';在chrome中不起作用,但在Mozilla中效果很好,php,jquery,ajax,google-chrome,Php,Jquery,Ajax,Google Chrome,我想在jquery中使用addClass方法将类添加到我的输入标记中,但它在chrome中不起作用 ` $('#用户名注册').blur(函数(){ var tempusername=$(“#用户名注册”).val(); $.ajax({ 类型:“POST”, url:“includes/identification.php”, 数据:{username:tempusername}, 数据类型:“文本”, 成功:功能(响应){ //console.log('success'); 如果(响应='

我想在jquery中使用addClass方法将类添加到我的输入标记中,但它在chrome中不起作用

`
$('#用户名注册').blur(函数(){
var tempusername=$(“#用户名注册”).val();
$.ajax({
类型:“POST”,
url:“includes/identification.php”,
数据:{username:tempusername},
数据类型:“文本”,
成功:功能(响应){
//console.log('success');
如果(响应='n'){
//console.log('n');
$(“#用户名注册”).removeClass('identication-y');
$(“#用户名注册”).addClass('identification-n');
}否则{
//console.log('else');
$(“#用户名注册”).removeClass('identification-n');
$(“#用户名注册”).addClass('identification-y');
}
},
错误:函数(){
//console.log('error');
},
超时:5000
});
});
//html代码:
//css:
.识别-n{
边框颜色:#ff3547;
}
.识别-y{
边框颜色:灰白色;
}
//我的php端代码:

`
您的代码似乎在Chrome和FF上运行良好。也许你可以尝试一种不同的方法,在我看来,这比添加和删除类更容易。您可以使用data-*属性来实现所需的功能

请参见此示例:

$('#用户名注册').blur(函数(){
var tempusername=$(“#用户名注册”).val();
$.ajax({
类型:“POST”,
url:“https://jsonplaceholder.typicode.com/posts",
数据:{
用户名:tempusername
},
数据类型:“文本”,
成功:功能(响应){
控制台日志(响应);
如果(响应类型=='string'){
$('#username signup').attr('data-status','n');
}否则{
$(“#用户名注册”).attr('data-status','y');
}
},
错误:函数(){
//console.log('error');
},
超时:5000
});
});
输入[数据状态='n']{
边框颜色:红色;
}
输入[数据状态='y']{
边框颜色:灰白色;
}

我怀疑是其他原因导致Chrome在AJAX调用之前或过程中出现故障,
响应
没有被填充或
模糊
没有冒泡。尝试以下代码并更新您的帖子。另外,在ajax调用之前和之后查看您的网络选项卡,看看您是否发送了错误数据,或者PHP的响应中是否出现了错误

$(函数(){
$(“#用户名注册”).blur(函数(e){
日志(“用户名注册蓝色事件”);
$.ajax({
类型:“POST”,
url:“includes/identification.php”,
数据:{
用户名:$('#用户名注册').val()
},
数据类型:“文本”,
成功:功能(响应){
控制台日志(响应);
如果(响应='n'){
//console.log('n');
$(“#用户名注册”).removeClass('identication-y');
$(“#用户名注册”).addClass('identification-n');
}否则{
//console.log('else');
$(“#用户名注册”).removeClass('identification-n');
$(“#用户名注册”).addClass('identification-y');
}
},
错误:函数(x,t,err){
log('Ajax错误:',x,t,err);
},
超时:5000
});
});
});
.identification-n{
边框颜色:#ff3547;
}
.识别-y{
边框颜色:灰白色;
}

正如您所看到的,代码很好,所以我使用下面的链接清除了chrome中的浏览器数据 现在一切都正常了,IDK实际的问题是什么,但这里有一个解决方案

chrome://settings/clearBrowserData


过去24小时的清理对我来说已经足够了

id为
username signup
的元素的HTML是什么样子的?是否
console.log('n')
在chrome中工作???@Mohamed Yousef yes console.log('n')工作fine@devlincarnate在代码的末尾,我添加了htmlcodes@PHMLa我在你的代码中找不到任何不在chrome中工作的错误。。另外,如果所有
console.log
s都在代码中工作,
addClass
应该可以正常工作实际上我尝试了
$(“#用户名注册”).addClass('identification-n')在document.ready之前退出任何函数!仍然没有在chrome中工作!奇怪的是,它在mozilla中工作得很好!这是一个很好的解决方案,但我不明白为什么我的代码不能在chrome中工作!我有点确定我的chrome有问题,它是从另一台电脑的chrome上进行的。或者卸载然后安装Chrome。或禁用所有扩展。或者在安全模式下运行Chrome。检查此选项!=>