0
点赞
收藏
分享

微信扫一扫

AJAX(二)——响应

攻城狮Chova 2022-02-13 阅读 64

文章目录

请求报文和响应报文

  • 请求报文 格式如下
    行 post/get URL 协议HTTP/1.1
    头 键值对
    空行
    体 (get 没有请求体 , post 可以有请求体)
  • 响应报文
    行 协议 状态码 状态字符串
    头 (对相应体的描述)
    空行
    体 主要的返回结果
    <html>
    <head>
    <body>

responseTextresponseXML属性

获得来自服务器的响应,
XMLHttpRequest 的responseTextresponseXML属性

  • responseText获得字符串形式的响应数据。返回字符串形式的响应
    这样使用:
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
  • responseXML获得 XML 形式的响应数据。

AJAX的onreadystatechange事件

当请求被发送到服务器时,我们需要执行一些基于响应的任务。

每当 readyState 改变时,就会触发 onreadystatechange 事件。

  1. readyState 包含XMLHttpRequest的状态
    0: 未初始化
    1 :已建立服务器联系
    2 :已发送
    3 :已接收
    4 : 已完成 准备就绪
    当readyState改变时
  2. 触发onreadystatechange事件
  3. status 404 200
function myFunction() {
	var xhr = new XMLhttpRequest();
	xhr.open('GET', url , true);
	xhr.send();
	xhr.onreadystatechange=function()
	{
    	if (xmlhttp.readyState==4 && xmlhttp.status==200)
   		{
        	document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    	}
	}
}

状态码

404 401 403 200 500

状态码含义
200确定 客户端已请求成功
401访问被拒绝
403服务器拒绝请求
404服务器找不到请求的网页
500内部服务器错误
举报

相关推荐

0 条评论