ajax实践

[yongheng2016]

题目1： ajax 是什么？有什么作用？

• Ajax (Asynchronous JavaScript and XML) 通俗的说：就是通过的异步方式请求和响应，达到页面的局部更新； 本身不是什么新技术，可以看作使用一组既有技术的新方法；使用的技术包括XHMLH或XHTML、CSS、Javascript、DOM、XML、XSLT和最重要的XMLHttpRequest对象
• 作用：浏览器可以快速变更操作内容，而不必重新读取整个页面，提高了用户体验； 参考：https://segmentfault.com/a/1190000004322487

题目2： 前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？

• 联调注意事项
  • 提前约定请求数据、参数、类型、名称、路径等细节问题；
  • 提前约定响应数据、参数、类型、格式等细节问题
  • 整理成文档
• 如何mock数据
  • 模拟后台数据：
    • 根据文档约定，建立本地服务器模拟数据
      • server-mock
      • xmapp

题目3：点击按钮，使用 ajax 获取数据，如何在数据到来之前防止重复点击?

var 一个变量，给定一个初始状态为true，当ajax发送请求后，改变变量的值为false阻止后面点击事件的发生，直到得到响应后再次更改变量状态；

伪代码：

var isLoading = false；   //设定一个变量作为状态码
if (isLoading){   //根据状态码来判断是否发送请求，防止重复发送
return;

发送请求时更改状态码
 isLoading = true；
当收到响应后更改状态码
isLosading= false；

}

题目4：实现加载更多的功能，后端在本地使用server-mock来模拟数据

代码：http://js.jirengu.com/besah/3/edit