最近学习了一下用Easy Mock模拟数据,然后通过ajax请求数据返回显示到页面上,完成一个请求数据和显示的过程,下面通过一个获取用户信息例子来说明一下:
1. 使用Easy Mock模拟数据
在Easy Mock上新建一个项目,项目基础url为ajaxData,打开项目,创建接口
将获取方式为get,接口的url设为getUserInfo
2. 请求获取数据,更新页面
ajax主动向后端请求,使用jQuery中的getJSON()函数,从服务器加载json编码的数据,更新dom
3. 学习函数式编程的一些想法
如何实现数据通信?
通过异步回调函数,先请求这个链接,请求传输数据需要时间,此时会先执行下面的getUserInfo(renderUserInfo)渲染页面,当获取数据成功是返回执行callback(data),完成更新页面。