如何把json数据加载到js变量中？

Question

实现滚动加载*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}li,ul{list-style:none;}.container{width:980px;height:600px;margin:0auto;overflow:auto;}.news__item{height:80px;margin-bottom:20px;border:1pxsolid#eee;}1、helloworld2、helloworld3、helloworld4、helloworld5、helloworld6、helloworldvarwrapper=document.querySelector('.container')varcontainer=document.querySelector('.news')wrapper.addEventListener('scroll',function(){varscrollTop=wrapper.scrollTop;if(scrollTop+wrapper.clientHeight>=container.clientHeight){//触发加载数据loadMore();}});//渲染数据functionloadMore(){varcontent='这是数据';varnode=document.getElementById('news');//向节点内插入新生成的数据varoldContent=node.innerHTML;node.innerHTML=oldContent+content;}上面代码是一个下拉自动加载数据的，主要是加载varcontent='这里面的数据';但是我总不能把数据写死吧，我有个data.json的数据文件我想把data.json的数据加载在varcontent='';中,并且每向下拉一下，就加载一个id的数据data.json[{"id":"001","title":"百度","url":"http://www.baidu.com"},{"id":"002","title":"阿里","url":"www.alibaba.com"},{"id":"003","title":"腾讯","url":"www.qq.com"}]这个代码应该如何完善？

Answer 1

ajax正解，比如用jQuery就可以这：
//假设你的data.json就在网站test目录下：
$.getJSON("/test/data.json",function(data){
content=data;
//然后继续用content就行了
})
//注意不要在这里用content，要在上面那个function里面（因为$.getJSON是异步的）
                            

Answer 2

定义一个id值，每次下拉的时候执行json数据循环，找出id+1对应的数据就可以了啊！vardata=json中的数据，然后foreach一下就行。