利用JQ的Ajax获取数据渲染到页面

1,894 阅读1分钟

前言之前一直不知道拿到JSON数据之后要如何去操作的朋友,今天我找到了一方面这样的文章, 当然也是我自己的了解,还没有实际的应用过,所以也希望看到的大神们,可以在留言给我分析一下,这样 是否正确。


<script>
    $(function () {
        $.ajax({
            url:'http://www.hzy.cmdcw.com/index.php/message',
            type:'post',
            dataTypt:'json',
            timeout:'1000',
            cache:'false',
            error: erryFunction,
            success: succFunction
        })
        function erryFunction() {
            alert("请求错误");
        }
        function succFunction(tt) {
            var jsData = JSON.parse(tt);
            if (jsData.status == 0){
                var data = jsData.data;
                var html = '';
                for(var i in data){
//                    console.log(data[i]);
//                    console.log(data[i].answer_content);
                   // 处理,将数据渲染到页面——————纯JS渲染\JQ\vue

                    html +='<li>' + '<p class="m0">' + 'NO.'+(i+1)+ '</p>' +
                            '提问人:' + data[i].name + '&nbsp;' + data[i].ask_time + '<br>'+
                            '内容:' + data[i].ask_content + '</li>';
                }
                var oContent = $('.content');
                oContent.html(html);
            }else {
                alert('报错');
            }
        }
    });
</script>