AJAX

1了解XML

2 学习XMLDOM对象。XMLHTTPRequest

https://www.w3school.com.cn/xmldom/dom_http.asp

https://segmentfault.com/a/1190000004322487

https://developer.mozilla.org/zh-CN/docs/Web/API/XMLHttpRequest

http://www.ruanyifeng.com/blog/2012/09/xmlhttprequest_level_2.html

3 学习ajax。

https://www.w3cschool.cn/mlb2er/yi8h1pxc.html

https://www.w3school.com.cn/ajax/ajax_xmlhttprequest_response.asp

封装ajax：

https://www.jianshu.com/p/918c63045bc3/

4 学习axios，react，vue。

https://www.w3cschool.cn/jquti/jquti-b4sf360b.html

 

一 AJAX

1Ajax应用场景：

　　a.页面上拉，加载更多数据。

　　b.列表数据，无刷新分页。

　　c.表单离开焦点，进行数据验证

　　d.搜索框文字下拉列表。

 

2 AJAX运行环境：

Ajax需要运行在网站环境中才能生效，需要node服务器:express，KOA.js，eggjs。

express:

　　a。请求对象继承：http:IncomingMessage。

　　b.响应对象继承于：http.serverResponse

express安装：

 npm init 

npm install express

 touch app.js

express基本语法：

const express = require('express')es6的语法。

const app = express（）；express就是一个变量,有get，listen重要函数。赋值给app，

app.get('',(req,res)=>{res.send("hellworld")});  

　　get:获取数据

　　' ':获取的路径

　　(req,res):第一个是请求参数，第二个是相应参数

　　res: res.send相应参数发送

　　res.setHeader()设置请求头部信息

app.listen(8080,()=>{})

　　第一个是设置监听端口

　　第二个就是监听之后的函数

express响应JSON数据

 

3 XML语法：

　　1 GET的用法

　　第一步创建xhr对象。XMLHttpRequest对象。（是XML内置对象）

　　xhr.open('方法GET/POST'，url'localhost:8080')

　　xhr.send();

　　回调函数：xhr.onreadystatechange = function(){}

　　xhr监听 xhr的readyState的状态。如果等于4说明发送回来了

　　xhr.status是状态码

　　xhr.responseText是body内容。

　　2 POST的用法：

　　检测用户名是否重复。

 

4解决缓存问题。

 

5 请求取消，请求重复发送问题　

 

6、跨域问题，同源策略和jsonp

二、jQuery发送ajax

 

 

三、Promise

 

四、Axios发送axjax请求

　　

五、fetch发送请求。