页面显示问题，数据不显示，多刷新几次才能显示。

一抹清风送斜雨 2016-06-20 03:31:37
页面是静态页面，进入页面后读取js文件，向页面注入数据。
现在的情况是js方面都是好的，但是刚进入页面的时候，没有数据，多刷新几次才有数据，再次刷新数据就没了。
不知道怎么回事？求帮助，求破！！！！
...全文
1003 22 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
22 条回复
切换为时间正序
请发表友善的回复…
发表回复
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 = "<div class='topic' id='"+topicContrast+"' value='"+topicContrast+"'>"+topicName+"<em class='shanchu' id='"+topicContrast+"' onclick='shanchu(this);'></em></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 = "<div class='topic' id='"+topics[i]+"' value='"+topics[i]+"'>"+topicName+"<em class='shanchu' id='"+topics[i]+"' onclick='shanchu(this);'></em></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 = "<div class='topic' id='"+topicContrast+"' value='"+topicContrast+"'>"+topicName+"<em class='shanchu' id='"+topicContrast+"' onclick='shanchu(this);'></em></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 = "<div class='topic' id='"+topics[i]+"' value='"+topics[i]+"'>"+topicName+"<em class='shanchu' id='"+topics[i]+"' onclick='shanchu(this);'></em></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 = "<div class='topic' id='"+topicContrast+"' value='"+topicContrast+"'>"+topicName+"<em class='shanchu' id='"+topicContrast+"' onclick='shanchu(this);'></em></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 = "<div class='topic' id='"+topics[i]+"' value='"+topics[i]+"'>"+topicName+"<em class='shanchu' id='"+topics[i]+"' onclick='shanchu(this);'></em></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）
页面第一次数据不出来，刷新一次数据才会出来
    使用&lt;c : for Each&gt;显示数据时，页面第一次数据不出来，刷新一次数据才会出来。【这跟逻辑有关，，如果你是在本页面获取的数据，，又想在本页面显示就会出现你说的这个问题，，，解决办法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,994

社区成员

224,708

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章