发表于： 2017-01-04 22:49:25
4 1511
今天做的事
白天处理了一堆乱七八糟的事加学习ajax
完成js5，在二大的帮助下，，，，
明天计划
学习angular
收获
http请求
完整过程
1建立tcp连接
2浏览器向服务器发送请求命令
3浏览器发送请求头信息
4服务器应答
5服务器发送应答头信息
6服务器向浏览器发送数据
7服务器关闭tcp连接
http请求
1 http请求方法或动作，比如get，post
GET请求，一般用于获取信息，默认请求方式，一般不用做修改信息，get的信息是通过url传递参数，所以是所有人可见的，也对信息数量有所限制，一般在2000字符左右，通常用于查询
POST一般用于表单，修改资源，不在url中显示，他的值被嵌入到请求体重，所以是不可见的，发送数量无限制
2 正在请求的url（请求地址）
3 请求头，包含客户端环境信息，身份验证信息等
4 请求体，请求正文，可以包含提交的查询字符串信息，表单信息等
http响应
1 数字和文字组成的状态吗，用来显示请求是成功还是失败
状态吗：
1xx：信息类，表示收到请求，正在进一步处理
2xx：成功，请求被正确接收 ：200 OK
3xx：重定向，请求失败，需进一步采取措施
4xx：客户端错误，表示客户端提交的请求有错误，如404 NOT Found，意为请求中引用的文档不存在
5xx：服务器错误，表示服务器不能完成对请求的处理：如500
2 响应头，和请求头一样包含许多有用信息，例如服务器类型，日期时间，内容类型和长度等
3 响应体 即响应正文
XHR发送请求
方法
open（method，url，async）调用
method：请求方法，如get post，不区分大小写
url：请求地址，可使用相对地址或绝对
async：true为异步，false为同步，默认为true
send（string）发送
XHR取得响应
再次通信过程中，每当状态发生变化，readyState属性的值就会改变，这个值没改变一次都会出发readyStateChange事件（监听其状态）
获取
responseText：获得字符串形式的相应数据
responseXML：获得XML形式的响应数据
status statusText：以数字和文本形式返回HTTP状态码
getAllResponseHeader()：获取所有响应报头
getResponseHeader()：查询响应中某个字段的值
readyState：其变化戴白哦服务器响应变化
0：对应常量 UNSENT，请求未初始化，open还没有调用
1：对应常量 OPEND， 服务器连接已建立，open已调用
2：对应常量 HEADERS_RECEIVED， 请求已接受，接收到头信息了
3：对应常量 LOADING， 请求处理中，接收到响应主体了
4：对应常量 DONE， 请求完成，响应就绪，即响应完成了
onreadytatechange监听
1 var request = new XMLHttpReq（）；
2 request.open（“GET”，“get.php”true）；
3 request.send（）；
4 request.onreadytatechange=fuction(){
if(request.onreadyState===4&&request.status===200){ do sth }}
返回列表
评论