页面显示问题，数据不显示，多刷新几次才能显示。
社区
JavaScript 帖子详情 页面显示问题，数据不显示，多刷新几次才能显示。 一抹清风送斜雨 2016-06-20 03:31:37 页面是静态页面，进入页面后读取js文件，向页面注入数据。
现在的情况是js方面都是好的，但是刚进入页面的时候，没有数据，多刷新几次才有数据，再次刷新数据就没了。
不知道怎么回事？求帮助，求破！！！！
...全文
1028 22 打赏 收藏 页面显示问题，数据不显示，多刷新几次才能显示。 页面是静态页面，进入页面后读取js文件，向页面注入数据。 现在的情况是js方面都是好的，但是刚进入页面的时候，没有数据，多刷新几次才有数据，再次刷新数据就没了。 不知道怎么回事？求帮助，求破！！！！ 复制链接
扫一扫 分享 转发到动态 举报 AI 作业
写回复 配置赞助广告取 消
确 定
用AI写文章 22 条回复 切换为时间正序 请发表友善的回复… 发表回复 打赏红包 需支付: 0.00 元 取 消 确 定 jio可 2016-06-21 打赏举报 回复 引用 21 楼 qq_25122153 的回复:多谢各位的方法，现已解决，给js方法加了setTimeOut。实现了功能
应该是你执行js的时候页面的dom还没加载出来,要添加的内容无法加到不存在的dom上去,可以把js放到body结束标签上一行或者是用onload,ready 一抹清风送斜雨 2016-06-21 打赏举报 回复 多谢各位的方法，现已解决，给js方法加了setTimeOut。实现了功能 lzj0327 2016-06-20 打赏举报 回复 引用 19 楼 qq_25122153 的回复:是这样的，里面的数据一点错误都没有，每个js方法都能执行，在控制台console.log也没问题。是不是其他方面的错误会影响页面的显示。对了，不是页面上所有的数据不能显示，页面上有个列表里的数据可以显示，但是错误的显示，并不是正确数据。
单独只显示一个功能，注释其他功能，一步一步来，这样应该能查出是哪一部分影响了 一抹清风送斜雨 2016-06-20 打赏举报 回复 是这样的，里面的数据一点错误都没有，每个js方法都能执行，在控制台console.log也没问题。是不是其他方面的错误会影响页面的显示。对了，不是页面上所有的数据不能显示，页面上有个列表里的数据可以显示，但是错误的显示，并不是正确数据。 jio可 2016-06-20 打赏举报 回复 引用 17 楼 u012418098 的回复:[quote=引用 8 楼 qq_25122153 的回复:]
[quote=引用 5 楼 u012418098 的回复:]
调用的本地的js数据,那把代码贴出来看看。。。不然怎么知道
js代码
function loadTopic(){
http({
method : 'GET',
url : getBaseUrl()+'/ctca/getUserInfoByUid.do?uid='+uid+'&topicId=1XXXX'
}).success(function(data, status) {
checkLoginState(data);
//console.log(data);
var result = data.data;
var topicall = $("#topicall");
topicall.html('');
var div;
//alert(datemap);
if (undefined!=result || result.length != 0 || result!="没有数据") {
var topicContrast = result.topicContrast;
var topicName;
if (topicContrast.length != 0) {
if (topicContrast.length == 1) {//topicContrast为单个值
topicName = datemap.get(topicContrast);
datemap.remove(topicContrast);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
} else {
var topics = topicContrast.split(",");//topicContrast为多个值
for (var i = 0; i < topics.length; i++) {
topicName = datemap.get(topics[i]);
datemap.remove(topics[i]);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
}
}
}
}
}).error(function(data, status) {
});
}[/quote]
topicContrast是什么？数组？[/quote]
你这个代码是在页面加载完成以后执行的?如果不是那肯定是会出错的 jio可 2016-06-20 打赏举报 回复 引用 8 楼 qq_25122153 的回复:[quote=引用 5 楼 u012418098 的回复:]
调用的本地的js数据,那把代码贴出来看看。。。不然怎么知道
js代码
function loadTopic(){
http({
method : 'GET',
url : getBaseUrl()+'/ctca/getUserInfoByUid.do?uid='+uid+'&topicId=1XXXX'
}).success(function(data, status) {
checkLoginState(data);
//console.log(data);
var result = data.data;
var topicall = $("#topicall");
topicall.html('');
var div;
//alert(datemap);
if (undefined!=result || result.length != 0 || result!="没有数据") {
var topicContrast = result.topicContrast;
var topicName;
if (topicContrast.length != 0) {
if (topicContrast.length == 1) {//topicContrast为单个值
topicName = datemap.get(topicContrast);
datemap.remove(topicContrast);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
} else {
var topics = topicContrast.split(",");//topicContrast为多个值
for (var i = 0; i < topics.length; i++) {
topicName = datemap.get(topics[i]);
datemap.remove(topics[i]);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
}
}
}
}
}).error(function(data, status) {
});
}[/quote]
topicContrast是什么？数组？ lzj0327 2016-06-20 打赏举报 回复 引用 13 楼 qq_25122153 的回复:[quote=引用 12 楼 lzj0327 的回复:]
你说数据都正常，
那在topicall.append(div);后面写console.info(topicall);,
看看打印什么。
数据正常的话，打印也该正常，数据也就该显示了
一加上js报错
[/quote]
那你想办法把topicall打出来看看，别使用alert 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 14 楼 showbo 的回复:checkLoginState怎么写的，是不是有问题导致后面的都没有执行了，你倒是是执行进入success没有先
执行了，进入到success了。我在代码中加了一个alert就好使。 斯洛文尼亚旅游 2016-06-20 打赏举报 回复 checkLoginState怎么写的，是不是有问题导致后面的都没有执行了，你倒是是执行进入success没有先 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 12 楼 lzj0327 的回复:你说数据都正常，
那在topicall.append(div);后面写console.info(topicall);,
看看打印什么。
数据正常的话，打印也该正常，数据也就该显示了
一加上js报错
lzj0327 2016-06-20 打赏举报 回复 你说数据都正常，
那在topicall.append(div);后面写console.info(topicall);,
看看打印什么。
数据正常的话，打印也该正常，数据也就该显示了 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 10 楼 showbo 的回复:[quote=引用 6 楼 qq_25122153 的回复:]
[quote=引用 3 楼 lzj0327 的回复:]
在页面的控制台打印几个数据，看到底是哪一步出问题了
引用 4 楼 showbo 的回复:代码呢。。自己打开浏览器开发工具看报什么错误，你请求数据地址的那个请求发送出去没有
这个方法已经试过了 ，数据方面没有任何问题，js也运行正常[/quote]
js肯定有问题了，没有问题怎么可能不出效果。。你上个帖子不是说解决了，有出什么毛病[/quote]
我以为是解决了， 但是上回是因为数据获取慢，所以出不来，但是这个就不是这样了
斯洛文尼亚旅游 2016-06-20 打赏举报 回复 引用 6 楼 qq_25122153 的回复:[quote=引用 3 楼 lzj0327 的回复:]
在页面的控制台打印几个数据，看到底是哪一步出问题了
引用 4 楼 showbo 的回复:代码呢。。自己打开浏览器开发工具看报什么错误，你请求数据地址的那个请求发送出去没有
这个方法已经试过了 ，数据方面没有任何问题，js也运行正常[/quote]
js肯定有问题了，没有问题怎么可能不出效果。。你上个帖子不是说解决了，有出什么毛病 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 7 楼 KK3K2005 的回复:[quote=引用 2 楼 qq_25122153 的回复:]
[quote=引用 1 楼 KK3K2005 的回复:]
直接调试不就可以了
调试的时候页面是能显示数据的，但是一关还是不好使
[/quote]
那基本就是 依赖次序问题
你卡住了代码 这个时候 某些依赖项 就被加载了
否则代码自动执行的时候 需要访问的依赖还没有加载完呢
你可以往这个方向检查 比如 页面的元素 某些 js 是否没加载[/quote]
现在已经试过这个问题了 ，也给js包调顺序了，还是原样 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 5 楼 u012418098 的回复:调用的本地的js数据,那把代码贴出来看看。。。不然怎么知道
js代码
function loadTopic(){
http({
method : 'GET',
url : getBaseUrl()+'/ctca/getUserInfoByUid.do?uid='+uid+'&topicId=1XXXX'
}).success(function(data, status) {
checkLoginState(data);
//console.log(data);
var result = data.data;
var topicall = $("#topicall");
topicall.html('');
var div;
//alert(datemap);
if (undefined!=result || result.length != 0 || result!="没有数据") {
var topicContrast = result.topicContrast;
var topicName;
if (topicContrast.length != 0) {
if (topicContrast.length == 1) {//topicContrast为单个值
topicName = datemap.get(topicContrast);
datemap.remove(topicContrast);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
} else {
var topics = topicContrast.split(",");//topicContrast为多个值
for (var i = 0; i < topics.length; i++) {
topicName = datemap.get(topics[i]);
datemap.remove(topics[i]);
if (topicName != undefined && topicName != null) {
div = "
topicall.append(div);
}
}
}
}
}
}).error(function(data, status) {
});
} KK3K2005 2016-06-20 打赏举报 回复 引用 2 楼 qq_25122153 的回复:[quote=引用 1 楼 KK3K2005 的回复:]
直接调试不就可以了
调试的时候页面是能显示数据的，但是一关还是不好使
[/quote]
那基本就是 依赖次序问题
你卡住了代码 这个时候 某些依赖项 就被加载了
否则代码自动执行的时候 需要访问的依赖还没有加载完呢
你可以往这个方向检查 比如 页面的元素 某些 js 是否没加载 一抹清风送斜雨 2016-06-20 打赏举报 回复 引用 3 楼 lzj0327 的回复:在页面的控制台打印几个数据，看到底是哪一步出问题了
引用 4 楼 showbo 的回复:代码呢。。自己打开浏览器开发工具看报什么错误，你请求数据地址的那个请求发送出去没有
这个方法已经试过了 ，数据方面没有任何问题，js也运行正常 jio可 2016-06-20 打赏举报 回复 调用的本地的js数据,那把代码贴出来看看。。。不然怎么知道 斯洛文尼亚旅游 2016-06-20 打赏举报 回复 代码呢。。自己打开浏览器开发工具看报什么错误，你请求数据地址的那个请求发送出去没有 lzj0327 2016-06-20 打赏举报 回复 在页面的控制台打印几个数据，看到底是哪一步出问题了 加载更多回复（2） 页面第一次数据不出来，刷新一次数据才会出来 使用<c : for Each>显示数据时，页面第一次数据不出来，刷新一次数据才会出来。【这跟逻辑有关，，如果你是在本页面获取的数据，，又想在本页面显示就会出现你说的这个问题，，，解决办法1：在获取数据之后，在代码加重载函数，也就是window.reload()解决办法2：获取数据，将数据放入session，，重定向到显示数据页面，即可正常显示】... 解决vue后台请求的数据，需要手动刷新页面才能显示 解决vue后台请求的数据，需要手动刷新页面才能显示 关于vue数据不显示及页面刷新二三事 今天,在写vue使用element-ui时遇到了一个奇怪的问题,数据不回显,并且不论是input框还是select框都无法显示数据,并且在change事件输出时,发现数据已经赋值成功,但是并未更新到视图层.
于是在百度中寻找答案,没想到还真有很多小伙伴都是这样的情况,很多都说是因为数据层级过深,导致数据更新无法监听到数据的变化,就无法看到数据回显需要加一下代码.
this.$forceUpdate()
尝试之后,真的成功了.但是,真的是因为数据层级的原因吗?我在其他地方使用的也是这样的数据结构,而且数据嵌 解决layuimini 切换页面 数据不刷新问题 问题描述
使用的layuimini后台模板，第一次点击左侧菜单栏的时候会刷新页面，然后切换别的菜单之后，再次点击原页面，页面不会刷新，例如当我每成功审核一条数据，跳转到审核历史页面，应该能看到刚才审核的那条数据，但是现在却要每次手动刷新之后，才能看到刚才审核的那条数据。=
解决方案
利用HTML5的storage事件
当同源页面的某个页面修改了localStorage，其余的同源页面只要注册了storage事件，就会触发”
所以，localStorage 的例子运行需要如下条件：
同一浏览器打开了两个同源 vue3中所有页面需要手动刷新一下才能显示，控制台没有报错 vue3中所有页面需要手动刷新一下才能显示，控制台没有报错。登录进来是进入首页，然后切换任何页面都是空白，但是控制台没有报错。在其他页面刷新后却能显示，然而切换到首页刷新后再切换到其他页面又是空白。
JavaScript
87,996
社区成员
224,709
社区内容
发帖 与我相关 我的任务 JavaScript Web 开发 JavaScript 复制链接
扫一扫 分享 确定 社区描述 Web 开发 JavaScript 社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告 试试用AI创作助手写篇文章吧
+ 用AI写文章