ajax循环遍历json数组输出到HTML中

jason数据如图一我想循环输出到页面box类下的ul里<div class="box"> <ul class="lh" style="display:block;"> <li> <div class="p-img"><a href="#"><img src="img/4.jpg"></a></div> <div class="p-name"><a href="#">艾家纺全棉</a></div> <div class="p-price"><strong>￥399.00</strong> <div class="p-bt"><a class="reduce" >-</a><input type="text" value="1" class="num"/><a class="plus">+</a></div> </div> </li> <li> <div class="p-img ld"><a href="#"><img src="img/5.png"></a></div> <div class="p-name"><a href="#">优曼真丝提花奢华四件套</a></div> <div class="p-price"><strong>￥1299.00</strong> <div class="p-bt"><a class="reduce">-</a><input type="text" value="1" class="num"/><a class="plus">+</a></div> </div> </li> <li> <div class="p-img ld"><a href="#"><img src="img/6.jpg"></a></div> <div class="p-name"><a href="#">优曼真丝提花奢华四件套</a></div> <div class="p-price"><strong>￥1299.00</strong> <div class="p-bt"><a class="reduce" >-</a><input type="text" value="1" class="num"/><a class="plus">+</a></div> </div> </li> <li> <div class="p-img ld"><a href="#"><img src="img/7.jpg"></a></div> <div class="p-name"><a href="#">优曼真丝提花奢华四件套</a></div> <div class="p-price"><strong>￥1299.00</strong> <div class="p-bt"><a class="reduce" >-</a><input type="text" value="1" class="num"/><a class="plus">+</a></div> </div> </li> </ul></div>

举报该问题

其他回答

第1个回答 2016-07-19

循环可以使用:each方法

data.goodList.each(function(i,_this){
// 在这里拼接

})
还有一种方法使用template.js本回答被网友采纳

相似回答

axio如何遍历json数组答：axios.get('./static/test.json').then(res => { // 使用ajax请求数据获取到users（数组）,所以this.users是数组 this.users= res.data.user })} 如果你想获取每个user的start可以使用for循环,当然在vue模板渲染里使用的是v-for例如:<li v-for="user in users">satrt:<span>{{user.start}...

js中的json对象的属性怎么取值答：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<script>标签，输入js代码：var json = {'name': 'Alice', 'age': 16};document.body.innerText = json.name;。3、浏览器运行index.html页面，此时json的对象的name属性被成功取到并打印了出来。

jquery 如何遍历这样的json答：先献上ajax请求：.ajax({ url: '/path/to/file', type: 'GET', dataType: 'json', data: {param1: 'value1'}, success: function (obj){ //遍历obj } })返回的内容在success的函数里面，所有的遍历操作都是在这里面操作的：for循环：var obj = { "status...

大家正在搜

循环遍历json数组 json数组遍历循环赋值 java遍历json数组 js递归遍历json数组 js遍历json数组对象如何遍历json数组中的对象 js如何遍历嵌套json数组 js循环遍历数组 java遍历object数组