Jquery + Mock.js

版权声明：本文为Martin原创文章，未经Martin允许不得转载。 https://blog.csdn.net/qq_36279445/article/details/83003340

首先引用

<!-- 加载 Mock -->
<script src="http://mockjs.com/dist/mock.js"></script>

配置模拟数据：

$(function(){
        Mock.mock('http://g.cn',{
            "news|6": [
                {   
                    "ctitle": "@ctitle"
                } ,
            ]
        });
        var newsList = $('#news_list');
        $.ajax({
            url: "http://g.cn",
            dataType: "json"
        }).done(function(data, status, xhr){
            // console.log(JSON.stringify(data, null, 4));
            for(let i = 0; i < data.news.length; i++){
                var news = data.news[i];
                newsList.append(`
                <li class='list-group-item'> <a href=''>
                    <h4>  ${news.ctitle} </h4>
                    </a>
                </li>`);
            }
        });
    });

返回的数据：

{
    "news": [
        {
            "ctitle": "代程这领"
        },
        {
            "ctitle": "青算共下管光"
        },
        {
            "ctitle": "容回件月说出"
        },
        {
            "ctitle": "新将深"
        },
        {
            "ctitle": "安属步海三少"
        },
        {
            "ctitle": "则实些时放达角"
        }
    ]
}