mockjax是jquery版的Ajax假数据模拟插件

mockjax是jquery版的Ajax假数据模拟插件

mockjax是jquery版的Ajax假数据模拟插件,他能让ajax在接口还没弄好的情况下能够正常访问接口,并且能够提供假数据。

使用方式:

第一步引入bfwone 加载依赖项jquery

第二步use插件

第三步配置参数

$.mockjax({
    url: '/getuser',//接口地址
    // 返回的HTTP状态码
    status: 200,
    // 响应时间
     responseTime: 750,
    // 响应的HTTP内容类型
    contentType: 'application/json',
    // 返回的内容
      responseText: {
                        "user": [{
                            "id": 1,
                            "name": "david",
                            "birthday": "2001/01/26"
                        }]
                    }
});


示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["jquery.mockjax"], function() {

                $.mockjax({
                    url: '/rest',
                    // 返回的HTTP状态码
                    status: 200,
                    // 响应时间
                    responseTime: 750,
                    // 响应的HTTP内容类型
                    contentType: 'application/json',
                    // 返回的内容
                    responseText: {
                        "user": [{
                            "id": 1,
                            "name": "david",
                            "birthday": "2001/01/26"
                        }]
                    }
                });

                $.get("/rest", function(data) {
                    console.log(data);
                   alert(data.user[0].name);
                });
            });
        });
    </script>


</head>
<body>
</body>
</html>


立即下载jquery.mockjax.js查看所有js插件

网友评论0

程序员在线工具箱