不知道前端的js的代码哪儿错了,从前端返回后端的数据没有返回成功,第一次遇到这个问题
第一个报错是后端接口没找到可能接口地址错了,第二个你在你的代码里找找reload属性字段,意思是reload没有定义找不到,检查一下吧
根据提供的代码截图,我看到有一个ajax请求,在成功回调函数里面使用了一个data
变量,但是这个变量并没有定义或声明。所以我猜测这个问题可能是由于变量未定义而导致的。可以尝试在回调函数之前声明一个data
变量。
例如:
$.ajax({
url: '/api/getData',
type: 'GET',
dataType: 'json',
success: function(response) {
// 在这里声明一个data变量
var data = response.data;
// 其他代码
},
error: function(error) {
console.log(error);
}
});
另外,还可以在控制台查看请求的响应信息,看看是否有错误信息,以帮助定位问题。
重点来了,怎么判断页面向下滚动呢,可以使用document.body.scrollTop(),document.documentElement.scrollTop() 这两个方法获取滚动条据顶部的位置,大于0时设置样式,等于0时移除样式即可,这里的固定顶部样式使用的时bootstrap自带的fixed-top,有需要可以自己写。
window.onscroll = function () {
var dance = document.body.scrollTop || document.documentElement.scrollTop;//获取滚动条据顶部位置
if (dance > 0) { //距离大于0时设置固定在顶部样式fixed-top
while (!document.getElementById("nav").className.match(/(?:^|\s)fixed-top(?!\S)/)) { //使用正则表达式判断导航栏class是否含有fixed-top
document.getElementById("nav").className += " fixed-top";//没有就设置,注意前面有空格并且是+=不然之前样式都会被替换成fixed-top;
}
} else {
document.getElementById("nav").className = document.getElementById("nav").className.replace(
/(?:^|\s)fixed-top(?!\S)/g, '');//距离等于或小于0时,移除fixed-top
}
};