ajax入门

ajax全称（Asynchroous，JavaScript and XML）能实现按需求加载 而不是整页刷新界面，即刷新网页为局部刷新。使用交互数据为json，即js对象。

优点：按需求获取数据，提升系统性能

缺点：异步获取数据，不利于搜索引擎优化

向服务器发送请求方式：

1）浏览器直接输入url

2）网页中a标签超链接

3）form表单提交

4）postman模拟http请求

5）使用ajax

ajax通过xmlhttprequest对象向服务器发送请求

 

 如上图新建一个xmlhttprequest请求，采用.open方法确认请求方法为get，传输对象为数据data，定义在js文件中，然后采用send方法发送请求，响应头输出如下

 

 

采用onreadystatechange事件监听，监听为4且状态码为200才可以成功输出，响应体输出响应文本，

 自己封装一个ajax方法。

如图，采用回调函数next进行封装

 采用大量回调函数不利于维护，一般使用promise对象进行异步操作处理。图下图，定义promise对象使用resolve方法返回输出值，通过then方法建立回调函数获取输出值并显示

 

使用ajax第三方库axios库进行增删改查。

get查询

 

 

其中fruits为服务器数据数组 包含三个字符串，香蕉，苹果 鸭梨

post增加数据为草莓

 

 修改put，修改苹果为西瓜在服务器域名右边选择修改id获取修改数组的索引，id为“1“修改第二个数据。

 

 删除delete，id为0，删除第一个元素