<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul id="list"></ul>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script>
$(function () {
$.get('http://gtj.kaituocn.com/api/article/alist',{page:1,row:20},function (ret) {
console.log(ret);
var str = '';
for(var data in ret){
str+='<li><img width="50" src="http://www.guangtianjin.com'+ret[data].thumb+'"><a href="#">'+ret[data].title+'</a> <span style="float: right">' +getLocalTime(ret[data].createtime) + '</span></li>';
}
$('#list').html(str);
});
});
function getLocalTime(nS) {
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' ');
}
</script>
</body>
</html>
get有三个参数 网址 参数 回函
get调接口的网址 http://gtj.kaituocn.com/api/article/alist