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