怎么用javascript遍历list,网上方法很多但是都看不太懂
我现在数据库里面有一些数据,已经用list取出来了,可是有什么方法能在前台的javascript里面遍历呢?用什么ajax和json的我不是很会,我想要一个可以运行的具体实例可以吗?另外我的数据量比较大,一个list里面大约几万条数据吧。求大神解救!求加QQ指导:635958533
[解决办法]
你既然list有这么多数据,肯定不能一次性全部提交给前台做处理吧,
在后台把这么多list数据,根据一定的逻辑,进行排序,然后第一次就向前台提供10条或者20条数据,进行首次显示,
其他的数据就用分页进行处理的。
[解决办法]
分页 后台取出list后转换为json数组发给前台遍历试试
[解决办法]
假设服务端是PHP:
<?php echo $list = array(
array(
'id' => 1,
'title' => '今天中国有个楼主想遍历list',
),
array(
'id' => 2,
'title' => '今天中国有个楼主提问JS遍历的问题',
),
array(
'id' => 3,
'title' => '今天中国有个楼主跪求一个实例',
),
); ?>
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>BBC新闻网</title>
<script type="text/javascript">
window.onload = function(){
var list = <?php echo json_encode($list);//将PHP的变量转换成JSON输出给一个JS变量 ?>;
document.getElementById('newsList').innerHTML = 大数据快速拼接(list);
}
//主要是不用+法合并字段串join一下很快
function 大数据快速拼接(list){
var html = [];
for(var i in list){
html.push('<li>');
html.push(list[i].id);//这就相对于PHP数组里的那个键名,转成JSON后同名的
html.push(':');
html.push(list[i].title);
//这样HTML结构一旦嵌套复杂就不好阅读了哎...
html.push('</li>');
}
return html.join();
}
function 小数据清晰地拼接更好(list){
var html = [];
for(var i in list){
html.push('<li>' + list[i].id + ':' + list[i].title + '</li>');//这里用了加法,大数据量时比上面那个慢几倍
}
return html.join();
}
</script>
</head>
<body>
<ul id="newsList"></ul>
</body>
</html>