JQ調接口

<!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有三個參數 網址 參數 回函javascript

get調接口的網址 http://gtj.kaituocn.com/api/article/alistcss

相關文章
相關標籤/搜索