Hello,大家好，今天我向分享一下数据交互，觉得有用的话就关注我吧。

表单

1.属性

action 提交到哪

method 方式 Get post

name 必须加，可以重复

数据提交方法区别

Get 数据放在url里

1.容量很小

2.看得见（表单）

3.有缓存

4.利于分享和收藏

Post 数据放在http-body里面

1.容量很大

2.看不见

get，post安全性完全一样，https才是真安全

选择器

这是H5选择器的新用法

document.querySelectorAll('#form')

Es6封装函数

const $=document.qureySelectorAll.bind(document);

使用方法：

let oForm=$('#form')[0]

ajax

ajax怎么写的

1.连接

xhr.open(‘Get’，‘1.php？a=12’,true);

2.发送

xhr.setReuestHeader（'content-type','apllication/x-www-form-urlencoded'）

xhr.send();

3.接收

xhr.onreadystatechange=function(){alert(xhr.readystate)}

状态码代表意义：

0 初始化-刚刚创建

1 已连接

2 已发送

3 已接收-头

4已接收-body

http 状态码：数字

1xx 消息

2xx 成功

3xx 重定向？

301 永久重定向-浏览器永远不会请求老的地址

302 临时重定向-浏览器还会请求老的地址

304 缓存

4xx 请求错误

5xx 服务器错误

6xx

xml

xml是html的爹

例子：

<person>

<name>小明</name>

<age>25</job>

</person>

重定向与转发

重定向 给浏览器下命令，让浏览器去请求另一个地址-地址变的

转发 在服务器内部，把请求转交给另一个模块处理，对客户端是不可见的-地址不变

restful不是接口，也不是标准，风格，习惯

text/plain 纯文本

application/x-www-form-urlencoded &&&的方式 用户名密码

multipart/fprm-data 定界符分割各个数据（文件上传）