ajax 获取数据并展示到前台

最近一直在研究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省略）