这篇博客展示了如何使用jQuery的AJAX方法从json/data.json文件中获取数据，并将数据动态渲染到页面的不同部分。通过遍历获取的数据，创建HTML元素并插入到页面的<section>、<section .div1>、<section .ttt>和<footer>中，实现内容的展示。涉及到的数据包括titinfo、datalist和foot，分别用于标题、详细列表和底部信息的渲染。
<script src="js/jquery.js"></script>
<script type="text/javascript">
$.ajax({
url:"json/data.json",
success:function(data){
var titinfo=''
$.each(data.datatit,function(i,v){
titinfo+='<p>'+v.titinfo+'<img src="images/xuanran_11.jpg" alt="" /></p>';
});
$('section .div1').html(titinfo);
/************************************************************************/
var datalist=''
<script type="text/javascript">
$.ajax({
url:"json/data.json",
success:function(data){
var titinfo=''
$.each(data.datatit,function(i,v){
titinfo+='<p>'+v.titinfo+'<img src="images/xuanran_11.jpg" alt="" /></p>';
});
$('section .div1').html(titinfo);
/************************************************************************/
var datalist=''
最低0.47元/天 解锁文章
扫一扫
669
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
