使用Easy Mock模拟数据，ajax请求数据小例子

最近学习了一下用Easy Mock模拟数据，然后通过ajax请求数据返回显示到页面上，完成一个请求数据和显示的过程，下面通过一个获取用户信息例子来说明一下：

1. 使用Easy Mock模拟数据

• 在Easy Mock上新建一个项目，项目基础url为ajaxData，打开项目，创建接口

• 将获取方式为get，接口的url设为getUserInfo

• 添加用户信息数据：用户头像 avator，姓名 nickname，性别 sex

2. 请求获取数据，更新页面

• ajax主动向后端请求，使用jQuery中的getJSON()函数，从服务器加载json编码的数据，更新dom

3. 学习函数式编程的一些想法

• 数据通信和渲染页面是两件事，我们要将它们放开来做，将之前更新dom的代码封装成一个renderUserInfo()函数，只需要传一个参数data就可以实现渲染页面

• 如何实现数据通信？
  通过异步回调函数，先请求这个链接，请求传输数据需要时间，此时会先执行下面的getUserInfo(renderUserInfo)渲染页面，当获取数据成功是返回执行callback(data)，完成更新页面。

• 学习小问题和小理解：js解决异步处理的问题实际应用？js中有很多问题消耗时间，比如传输ajax，数据库处理，文件的读写消耗时间等，通过callback回调，当成功返回时执行，可以减少页面更新时间。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!