ajax实践

1、ajax 是什么？有什么作用？

• ajax，即Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。是一种不需要刷新页面就能向后台提交或获取数据的技术，也是一种浏览器支持的JS内置对象。
• 它最大的作用在于提升用户浏览网页的过程中的体验。当用户向服务器发送ajax请求时，网页不会重置和刷新，因此用户等待返回数据的过程中可以进行其它操作。

---

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

• 前后端联调需要注意以下事项：
  1.确认接口类型(get/post)及接口名称；
  2.确认前端发送的参数类型及格式；
  3.确认后端响应所返回的数据类型及格式。
• 在后端接口完成前，我们可以使用server-mock，模拟后端服务器，接收和处理前端的请求。

---

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

我们可以为代码添加“状态锁”，保证数据返回之前，用户的重复点击无效。例如：

---

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

代码如下：

//html部分



    
    
    


    

        
内容1
        
内容2
    
    加载更多

//router.js部分
app.get('/loadMore',function(req, res){
    var curIdx = req.query.index
    var len = req.query.length
    var data = []
    for(var i = 0; i < len; i++){
        data.push('内容' + (parseInt(curIdx) + i))
    }
    setTimeout(function(){
        res.send(data)
    },3000)
})