http(xhr)

来源:互联网 发布:2017手机最新软件 编辑:程序博客网 时间:2024/06/11 17:51
(1)ajax异步请求解决
b.xmlHttpRequest对象实现不用重新加载整个页面而数据局部异步交换
c.运用JavaScript操作Dom,实现动态局部刷新 

(2)什么是http
a.web——server
b.http是一种无状态的协议(不持久的连接)
c.Http请求组成
*Http请求方法或者动作,eg:get、post
*URL请求的地址
*请求头,包括客户端头信息、身份验证信息
*请求体,包括客户提交的查询字符串信息,表单信息

(3)http请求
a.Get:一般用于信息的获取(对发送的信息数量有限制)用url传递参数
查询操作(幂等)
b.Post:用于修改服务器上的资源,对发送信息的数量没有限制
增删改操作

get和post的区别:
  1. 数据流向:get从服务器端获取数据,post将数据传递到服务器
  2. 数据大小:get一般不超过2k,post一般默认没有限制
  3. 安全性:get安全性低,post反之
  4. 限制:post可以用于文件传输,get则不行


(4)http响应
a.状态码(数字和文字)显示响应是否成功
eg:状态码一般由3位数字构成1XX 2XX-5XX
b.响应头
c.响应体

(5)XHR XMLHttpRequest对象
1.创建:
var request = new XmlHttpRequest()
2.方法
a.open(method,url,async)
b.send(string)

(6)创建XHR对象
1.创建对象
var request = new XmlHttpRequest()
2.发送请求
request.open(get/post,url,true)
request.send()
3.监听事件是否响应成功
request.onreadystatechange = function(){
if(request.readyState == 4 && request.status == 200){
//获取服务器响应的内容,在web上做一些呈现
eg:request.reponseText
}
}

0 0
原创粉丝点击