AJAX学习(3)---XMLHttpRequest发送请求与取得响应

川长思鸟来 2021-08-02 21:54 494阅读 0赞

### 一、XMLHttpRequest发送请求 ###

**XMLHttpRequest发送请求方法**

open(method, url, async) send(string) 具体代码举例如下：

// get
    request.open(get, 'get.php', true)
    request.send()
    
    
    // post
    request.open(post, 'add.php', true);
    request.setRequestHeader("Content-Type","application/x-wwwform-urlencoded")
    request.send(name=李龙&sex=男)

--------------------

**二、XMLHttpRequest取得响应**

以下属性和方法介绍：

reponseText：获得字符串形式的相应数据

reponseXml：获得XML形式的相应数据

status与statusText：以数字与文本形式返回HTTP状态码

getAllResponseHeader()：获取所有的响应报头

getResponseHeader()：查询响应中某个字段的值

readyState属性值的情况如下：

0：请求初始化，open还未调用

1：服务器连接已建立，open已经调用

2：请求已经收，也就是接收到头信息了

3：请求处理中，也就是接收到响应主体了

4：请求已完成，响应已就绪，也就是响应完成了

代码如下：

var request  = new XMLHttpRequest();
    request.open('get', 'add.php', true);
    request.send();
    request.onreadystatechange = function(){
        if(request.readyState === 4 && request.status === 200){
            // 逻辑梳理 response.responseText
        }
    }

备注：在readyState变化的时候，函数会执行。一般是0-4的变化（正常情况）

发表评论取消回复

表情：

评论列表（有 0 条评论，494人围观）

还没有评论，来说两句吧...

相关阅读

相关 XMLHttpRequest发送请求和获取响应

发送请求 open(method, url, async) 用于调用HTTP请求 method: 请求的方式，get还是post（不区分大小写，一般用大写） ur

╰半橙微兮°/ 2024年02月17日 21:48/ 0 赞/ 148 阅读

相关 XMLHttpRequest发送POST请求

var url = "https://xxxxx:8443/kpfw/lzfpkj/v1/tyfpkj"; var postStr = '{"Fphm": "2

桃扇骨/ 2023年10月13日 18:57/ 0 赞/ 111 阅读

相关 XMLHttpRequest 对象发送请求的步骤

关于原生 XMLHttpRequest 发送请求可以做的一些事情。 > 目前 XMLHttpRequest 实列是被所有浏览器支持的。首先创建一个 XHR 对象实

布满荆棘的人生/ 2023年06月30日 06:57/ 0 赞/ 15 阅读

相关基本的AJAX请求：XMLHttpRequest

There are a number of common front-end tasks that many of us never touched the deep, dir

àì夳堔傛蜴生んèń/ 2023年02月22日 03:41/ 0 赞/ 160 阅读

相关 promise封装XMLHttpRequest请求，封装ajax

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

清疚/ 2023年01月16日 14:21/ 0 赞/ 250 阅读

相关 Ajax (3) --- 剖析XMLHttpRequest

在 [ (1)入门篇中][_1] 使用了XMLHttpRequest对象说明Ajax异步传输的过程，本篇文章将详细介绍XMLHttpRequest对象。以执行顺

缺乏、安全感/ 2022年09月18日 13:47/ 0 赞/ 92 阅读

相关 XMLHttpRequest创建对象、发送请求、接收响应

Ajax工作原理 ![70][] XMLHttpRequest 对象 Ajax的核心是XMLHttpRequest对象，它是Ajax实现的关键——发送异步请求、接

- 日理万妓/ 2022年05月16日 13:45/ 0 赞/ 348 阅读

相关 dubbo 请求发送与响应设计

dubbo invoke流程 com.alibaba.dubbo.rpc.protocol.AbstractInvokerinvoke >com.ali

逃离我推掉我的手/ 2022年04月18日 01:26/ 0 赞/ 311 阅读

相关 JS--AJAX建立XMLHttpRequest连接、发送GET请求、发送POST请求

建立XMLHttpRequest连接创建XMLHttpRequest对象之后，就可以使用该对象的open()方法建立一个HTTP请求。open()方法用法如下：

朴灿烈づ我的快乐病毒、/ 2021年08月13日 12:16/ 0 赞/ 761 阅读

相关 AJAX学习(3)---XMLHttpRequest发送请求与取得响应

一、XMLHttpRequest发送请求 XMLHttpRequest发送请求方法 open(method, url, async) send(string)

川长思鸟来/ 2021年08月02日 21:54/ 0 赞/ 495 阅读