JS获取到数据并遍历

原创于 2018-10-18 11:04:41 发布 · 2.2k 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用Ajax技术动态加载商品列表的方法，通过发送POST请求获取数据，并利用jQuery库将数据转换为HTML格式，实现在网页上的实时更新。同时，文章还展示了如何处理Ajax请求的错误情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$.ajax({
        url:'地址',
        type:'POST', //get or post
        data:{
            userId: 1,
            pageType: 'care',//规定字段
            item:0,
        },
        dataType:'json',
        success: function(data) {
           var str = "";
            for(var i=0,It=data.length;i<It;i++){//循环
               str+='<div class="goods_box">< a href="'+data[i].item+'"><img src="'+data[i].photoUrl+'" class="googsImg" /><p class="goodsName">'
                   +data[i].contact+'</p></a></div>';
            }
            $(".goodsList").empty().append(str)//遍历在界面上
        },
        error:function(xhr,textStatus){
            console.log('错误',xhr.responseText);
            console.log(xhr);
            console.log(textStatus);
        }
    })