如何在没有数据的情况下提前编写前端的js
需要数据的代码编写该如何实现,今天看到一个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下下来放在同一个目录下但是并不成功,于是自己写 好像还是不恩那个图区
野生草泥馬
10 years, 2 months ago
Answers
你可以参考这个库试试看:
https://github.com/typicode/json-server
利用node.js非常简单的在本地构造一个试验用的json服务器
围观拆白党
answered 10 years, 2 months ago
最笨也是最简单的方式。在项目中添加对应的各种
api的json
文件,然后
url
指向
json
即可。
其实说道这个问题又回到了:
在前后端分离开发过程中前端如何在后端接口没实现之前进行开发
的问题上了,因为实际开发过程中多数情况是后端速度慢于前端,因此我们就需要一个中间过程来衔接前后端。
json
文件无疑是最简单的一种办法。约定好了
api
响应和接收数据结构后,添加对应的
json
文件即可,后端参照该文件控制数据返回与接收,前端根据该文件做数据解析与呈现。多么和谐呀。妈妈再也不用担心我遇到结构不对就要去和傲娇的后端程序猿确认的问题啦。
以上
囊达扩类哇
answered 10 years, 2 months ago
http://stackoverflow.com/a/16251614/2586541
插件是通过ajax来获取json文件
https://github.com/wenzhixin/bootstrap-table/blob/master/src/bootstrap...
cdrwind
answered 10 years, 2 months ago