最近一直在研究ajax,今天终于有点眉目了,记录一下,方便以后查看
首先 建一个空的标签,用于展示数据
在这里插入图片描述
然后就是js代码了,我用的是ajax ,需要引入js文件
在这里插入图片描述

<script>
  window.onload-function(){
    $.ajax({
         url:"........"
         data: "type=new&page=" + page,
         type: 'get',
         success:function(msg){
           var obj = [];
           obj= msg.data.list;
           for(var i=0;i<obj.lenght;i++){
            var stitle = obj.title;
            var sprice = obj.price;
            var slink = obj.link;
            var ssrc = obj.show.src;
            var str = 
            '<li class='\list\'>'+
                '<a href=' + slink + '>' +
                                '<img src=' + src + '>' +
                                '<p class=\'title\'>' + stitle + '</p>' +
                                '<p class=\'price\'>' + '价格:' + sprice + '</p>' +
                   '</a>' 
              +'</li>'
               }
               $("#news").append(str)
         },
         error:function(xhr){
         console.log(xhr.status)
}
    })
}
</script>

效果图(css省略)
在这里插入图片描述

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐