ajax请求过程

1. ajax是浏览器向服务器发送请求的一种方式。

浏览器向服务器发送请求,发送的是请求报文。

服务器向浏览器做出的回应,是响应报文。

2. 请求报文包含以下内容

请求行:包含http协议   url  请求方式

请求头:

空行:

请求体:

3.响应报文包含以下内容

响应行:包含http协议   响应状态码    响应状态字符串

响应头:

空行:

响应体:包含返回的结果。

4.ajax请求具体过程。

 注意:

(1)readystate是ajax实例的一个属性,表示请求状态。一共有5个值

        readystate值是0 表示未初始化,1表示初始化完成 ,2表示请求已经发送,

                                3表示服务器返回了部分数据,4表示服务器返回全部数据

(2)status表示请求状态码,200表示请求成功

(3) JSON.stringify(data) 将data 转换为json格式

(4) 把json格式转换为数据原来的格式,有两种方法 

手动转化

JSON.parse(xhr.response);

自动转化

xhr.responseType='json';

(5)取消请求   xhr.abort( )

(6)重复发送请求:

处理方式:把之前请求取消,发送新请求。通过标识变量判断,是否要取消。

一开始标识变量为假,发送请求时,标识变量为真。服务器返回全部数据之后,标识变量为假。

再次发送请求之前,对标识变量进行判断。标识变量为真,取消之前的请求,再次重新发送。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ajax(Asynchronous JavaScript and XML)是一种基于 JavaScript 和 XML 技术的异步请求处理方式,用于向服务器发送请求并获取响应数据,而不需要刷新整个页面。 Ajax 请求处理的过程可以分为以下几个步骤: 1. 创建 XMLHttpRequest 对象:使用 JavaScript 创建 XMLHttpRequest 对象,该对象用于向服务器发送请求和获取响应数据。 2. 设置请求参数:通过 XMLHttpRequest 对象的 open 方法设置请求的方法(比如 GET、POST)、URL 和是否使用异步请求等参数。 3. 发送请求:使用 XMLHttpRequest 对象的 send 方法向服务器发送请求,并将请求参数发送服务器。 4. 接收响应:当服务器接收到请求后,会返回响应数据。XMLHttpRequest 对象可以通过 onreadystatechange 事件来监听服务器返回的响应数据,一旦响应数据返回,就会触发该事件。 5. 处理响应数据:当服务器返回响应数据时,可以通过 XMLHttpRequest 对象的 responseText 或 responseXML 属性来获取响应数据。然后可以使用 JavaScript 对响应数据进行解析和处理,比如将数据渲染到页面中。 6. 更新页面:一旦响应数据被处理完成,可以将其渲染到页面中,从而更新页面内容,而不需要刷新整个页面。 需要注意的是,Ajax 请求是异步的,因此不会阻塞页面的其他操作。在发送请求和等待响应数据的过程中,页面仍然可以响应用户的其他操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值