如何在没有数据的情况下提前编写前端的js

发布于
2015-07-10

需要数据的代码编写该如何实现，今天看到一个bootstrap table 插件，照着这个插件首页上的方法自己写demo 但是遇到了数据流的问题，该插件有一个 url参数指向的是一个json的连接

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="src/css/bootstrap.min.css">
    <link rel="stylesheet" href="src/css/bootstrap-table.min.css">
</head>
<body>


<table data-toggle="table" data-url=json data-cache="false" data-height="299" class="width:800px">
    <tr>
        <th data-field="id">Item ID</th>
        <th data-field="name">Item Name</th>
        <th data-field="price">Item Price</th>
    </tr>
</table>


<script src="src/js/jquery-1.11.3.min.js"></script>
<script src="src/js/bootstrap.min.js"></script>
<script src="src/js/bootstrap-table.min.js"></script>



<script>
    $(function(){
        var  str = '[{"id":0,"name":"Item 0","price":"$0"}]';
    var json = eval("("+str+")");

    })
    </script>



</body>

我自己模拟了一个json数据试图传给这个插件但是并不成功，插件里面data-url=‘data1.json’ ，我把那个json下下来放在同一个目录下但是并不成功，于是自己写好像还是不恩那个图区

jquery json bootstrap table

阅读 5.8k

7 个回答

得票最新

XanaHopper

15312

发布于
2015-07-10

✓ 已被采纳

你可以参考这个库试试看：
https://github.com/typicode/json-server

利用node.js非常简单的在本地构造一个试验用的json服务器

Chobits

7.4k2827

发布于
2015-07-10

更新于
2015-07-10

http://stackoverflow.com/a/16251614/2586541

插件是通过ajax来获取json文件

https://github.com/wenzhixin/bootstrap-table/blob/master/src/bootstrap...

MockingBird

5.8k31433

发布于
2015-07-10

可以使用Mock.js模拟数据生成。

flyingCrp

3.4k31218

发布于
2015-07-23

最笨也是最简单的方式。在项目中添加对应的各种api的json文件，然后url指向json即可。

其实说道这个问题又回到了：

在前后端分离开发过程中前端如何在后端接口没实现之前进行开发

的问题上了，因为实际开发过程中多数情况是后端速度慢于前端，因此我们就需要一个中间过程来衔接前后端。json文件无疑是最简单的一种办法。约定好了api响应和接收数据结构后，添加对应的json文件即可，后端参照该文件控制数据返回与接收，前端根据该文件做数据解析与呈现。多么和谐呀。妈妈再也不用担心我遇到结构不对就要去和傲娇的后端程序猿确认的问题啦。

以上