jQuery解析json数据

人狠话很少直接上代码吧

1. JavaScript代码

<script type="text/javascript" src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $.ajax({
            url : "https://api.apiopen.top/likePoetry?name=李白",//某大佬提供的api希望一直有效
            dataType : "json",//数据格式
            type : "post",//请求方式
            async : false,//是否异步请求
            success : function(data) {   //如果请求成功，返回数据。
                $("#info").html("")//清空info内容
                $.each(data.result,function(i,item){
                    $("#info").append(
                            "<div>"+"诗名："+item.title+"</div>"+
                            "<div>"+"内容："+item.content+"</div>"+
                            "<div>"+"作者："+item.authors+"</div>"+"</br>"
                    );
                });
            }
        })
    })
</script>

2. HTML代码

<div id="info"></div>

ps:本人使用的webstorm，如有跨域问题，请自行百度搜索jsonp。生活不只有coding，还有诗和远方！！！！