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省略)

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


所有评论(0)