1.Ajax的工作原理
Ajax就是相当于在用户和服务器之间加了—个中间层,使用户操作与服务器响应异步化。其核心就是通过XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据, 然后用JavaScript来操作DOM而更新页面。
Ajax应用的五个步骤:
- 首先建立XMLHttpRequest对象
- 设置回调函数
- 使用open方法与服务器建立连接
- 向服务器端发送数据
- 在回调函数针对不同响应状态进行处理
2.XMLHttpRequest对象
XMLHttpRequest 对象用于在后台与服务器交换数据。
XMLHttpRequest常用属性
XMLHttpRequest常用方法
XMLHttpRequest是完全用来向服务器发出一个请求的,它的作用是整个Ajax实现的关键,因为Ajax无非是两个过程,发出请求和响应请求。并且它完全是一种客户端的技术。而XMLHttpRequest正是处理了服务器端和客户端通信的问题所以才会如此的重要。
3.实际场景
使用json-server作为后台服务器,实现对表的增加、修改和删除操作。
- 在表格中增加书籍和作者名字。
- 在表格中修改书记和作者名字
- 在表格中删除书记和作者名字