异步对象解析

本文详细介绍了JavaScript中的异步对象XMLHttpRequest,包括如何创建和使用它进行HTTP请求。内容涵盖open()和send()方法的用法,以及readyState和status属性的意义。此外,还阐述了XMLHttpRequest在接收数据后的处理步骤,以及在实际应用中如何更新DOM对象。通过一个计算BMI的例子展示了AJAX操作的过程。
摘要由CSDN通过智能技术生成

  一、异步对象XMLHttpRequest属性和方法

1、创建异步对象,使用js的语法

    var xhr = new XMLHttpRequest();

2、XMLHttpRequest方法

    ①)  open(请求方式,服务器端的访问地址,异步还是同步)

    例如:xhr.open("get" , "loginServlet" , "true");

    ②)  send():使用异步对象发送请求

3、XMLHttpRequest属性

    readyState属性:请求的状态

        0:表示创建异步对象时,new XMLHttpRequest();

        1:表示初始异步对象的请求参数,执行open()方法

        2:使用send()方法发送请求

        3:使用异步对象从服务器接收了数据

        4、异步对象接收了数据,并在异步对象内部处理完成后

status属性:网络的状态,和Http的状态码对应

    200:请求成功

    404:服务器资源没有找到

    500:服务器内部代码有错误

responseText属性:表示服务器端返回的数据

    例如:var data = xhr.responseText;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值