获取每日一句显示到博客中

每日一句api

https://api.xygeng.cn/one

响应结果

{
    "code": 200,
    "data": {
        "id": "807",
        "tag": "漫画",//主题
        "origin": "《萤火之森》",//来自
        "content": "其实美丽的故事都是没有结局的，只因为它没有结局所以才会美丽。",//内容
        "datetime": "1548230343"
    }
}

使用

html

<div class="sentence">
    <strong>每日一句</strong>
    <h2 class="one_datetime">自动获取</h2>

    <p class="one_content">自动获取</p>

</div>

ajax发送get请求并添加数据

<script>
    {#//获得年月日      得到日期oTime#}
    {#function getFormatDate(str) {#}
    {#    var oDate = new Date(str),#}
    {#        oYear = oDate.getFullYear(),#}
    {#        oMonth = oDate.getMonth() + 1,#}
    {#        oDay = oDate.getDate(),#}
    {#        oHour = oDate.getHours(),#}
    {#        oMin = oDate.getMinutes(),#}
    {#        oSen = oDate.getSeconds(),#}
    {#        oTime = oYear + '-' + oMonth + '-' + oDay;//最后拼接时间#}
    {#    return oTime;#}
    {# };#}

    $.ajax({
        url: 'https://api.xygeng.cn/one',
        type: 'get',
        success: function (data) {
            {#console.log(data)#}
            if(data.code==200){
                var content = document.createTextNode(data.data.content)
            {#var date = getFormatDate(1550113467879)#}
            {#console.log(data.data.datetime)#}
            {#console.log(date)#}
            $('.one_content').html(content)
            $(function () {

                var myDate = new Date;
                var year = myDate.getFullYear(); //获取当前年
                var mon = myDate.getMonth() + 1; //获取当前月
                var date = myDate.getDate(); //获取当前日
                // var h = myDate.getHours();//获取当前小时数(0-23)
                // var m = myDate.getMinutes();//获取当前分钟数(0-59)
                // var s = myDate.getSeconds();//获取当前秒
                var week = myDate.getDay();
                var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
                {#console.log(year, mon, date, weeks[week])#}
                $(".one_datetime").html(year + "年" + mon + "月" + date + "日" + weeks[week]);
            })
        }
            }

    })

</script>