js进阶ajax的XMLHttpRequest对象的status和statustext属性(如果ajax和php联合使用的话:open连接服务器的第二个参数文件路径改成请求php的url即可)
js进阶ajax的XMLHttpRequest对象的status和statustext属性(如果ajax和php联合使用的话:open连接服务器的第二个参数文件路径改成请求php的url即可)
一、总结
1、XMLHttpRequest的responseText接收到获取的数据 2、XMLHttpRequest的statusText属性得到服务器状态相关的文本(另外的属性)
如果ajax和php联合使用的话:open的第二个参数文件路径改成请求php的url即可
xmlhttp.open("GET","gethint.php?q="+str,true);
向服务器发送请求:使用open() 和 send() 方法:
- open(method,url,async):规定请求的类型、URL 以及是否异步处理请求。
- method:请求的类型;GET 或 POST
- url:文件在服务器上的位置
- sync:true(异步)或 false(同步)
- send(string):string:仅用于 POST 请求
二、js进阶ajax的XMLHttpRequest对象的status和statustext属性
tatus 和statusText(了解内容)
XMLHttpRequest 对象 status 和statusText 属性对照表
| status | statusText | 说明 |
|---|---|---|
| 0** | - | 未被始化 |
| 1** | - | 请求收到,继续处理 |
| 100 | Continue | 客户必须继续发出请求 |
| 101 | Switching protocols | 客户要求服务器根据请求转换HTTP协议版本 |
| 2** | - | 操作成功收到,分析、接受 |
| 200 | OK | 交易成功 |
| 201 | Created | 提示知道新文件的URL |
| 202 | Accepted | 接受和处理、但处理未完成 |
| 203 | Non-Authoritative Information | 返回信息不确定或不完整 |
| 204 | No Content | 请求收到,但返回信息为空 |
| 205 | Reset Content | 服务器完成了请求,用户代理必须复位当前已经浏览过的文件 |
| 206 | Partial Content | 服务器已经完成了部分用户的GET请求 |
| 3** | - | 完成此请求必须进一步处理 |
| 300 | Multiple Choices | 请求的资源可在多处得到 |
| 301 | Moved Permanently | 删除请求数据 |
| 302 | Found | 在其他地址发现了请求数据 |
| 303 | See Other | 建议客户访问其他URL或访问方式 |
| 304 | Not Modified | 客户端已经执行了GET,但文件未变化 |
| 305 | Use Proxy | 请求的资源必须从服务器指定的地址得到 |
| 306 | 前一版本HTTP中使用的代码,现行版本中不再使用 | |
| 307 | Temporary Redirect | 申明请求的资源临时性删除 |
| 4** | - | 请求包含一个错误语法或不能完成 |
| 400 | Bad Request | 错误请求,如语法错误 |
| 401 | Unauthorized | 请求授权失败 |
| 402 | Payment Required | 保留有效ChargeTo头响应 |
| 403 | Forbidden | 请求不允许(由于服务器上文件或目录的权限设置导致资源不可用) |
| 404 | Not Found | 没有发现文件、查询或URl(没有找到指定的资源) |
| 405 | Method Not Allowed | 用户在Request-Line字段定义的方法不允许 |
| 406 | Not Acceptable | 根据用户发送的Accept拖,请求资源不可访问 |
| 407 | Proxy Authentication Required | 类似401,用户必须首先在代理服务器上得到授权 |
| 408 | Request Timeout | 客户端没有在用户指定的饿时间内完成请求 |
| 409 | Conflict | 对当前资源状态,请求不能完成 |
| 410 | Gone | 服务器上不再有此资源且无进一步的参考地址 |
| 411 | Length Required | 服务器拒绝用户定义的Content-Length属性请求 |
| 412 | Precondition Failed | 一个或多个请求头字段在当前请求中错误 |
| 413 | Request Entity Too Large | 请求的资源大于服务器允许的大小 |
| 414 | Request-URI Too Long | 请求的资源URL长于服务器允许的长度 |
| 415 | Unsupported Media Type | 请求资源不支持请求项目格式 |
| 416 | Requested Range Not Suitable | 请求中包含Range请求头字段,在当前请求资源范围内没有range指示值,请求也不包含If-Range请求头字段 |
| 417 | Expectation Failed | 服务器不满足请求Expect头字段指定的期望值,如果是代理服务器,可能是下一级服务器不能满足请求 |
| 5** | - | 服务器执行一个完全有效请求失败 |
| 500 | Internal Server Error | 服务器产生内部错误 |
| 501 | Not Implemented | 服务器不支持请求的函数 |
| 502 | Bad Gateway | 服务器暂时不可用,有时是为了防止发生系统过载 |
| 503 | Service Unavailable | 服务器过载或暂停维修 |
| 504 | Gateway Timeout | 关口过载,服务器使用另一个关口或服务来响应用户,等待时间设定值较长 |
| 505 | HTTP Version Not Supported | 服务器不支持或拒绝支请求头中指定的HTTP版本 |
| 12029 | an unknown error occurred while processing the request on the server. the status code returned from the server was : 12029 | 原因:网络不通. 刷新一下就知道了 |
三、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ajax01</title>
<style type="text/css">
div{
background: green;
width: 300px;
height: 200px;
}
</style> </head>
<body>
<input type="button" id="btn" value="测试按钮">
<div id="div1"></div>
<script>
/*
兼容IE6,IE5
if (window.XMLHttpRequest){
var myajax=new XMLHttpRequest()
}else{
var myajax=new ActiveXObject("Microsoft.XMLHTTP");
}
*/
var btn=document.getElementById('btn');
var div1=document.getElementById('div1');
btn.onclick=function (){
//1.创建Ajax对象
var myajax=new XMLHttpRequest()
//alert(myajax) //IE6及其以下版本不支持
//2.连接服务器
// open(方法,文件路径,异步传输)
myajax.open('GET','test.txt',true);
//3.发送请求
myajax.send(null);
//4.接受返回的数据
myajax.onreadystatechange=function(){
if(myajax.readyState==4){
if (myajax.status==200) {
//alert('成功'+myajax.responseText)
var str=myajax.responseText; //1、XMLHttpRequest的responseText接收到获取的数据
div1.innerHTML=str
}else{
alert('失败'+'\n'+myajax.statusText) //2、XMLHttpRequest的statusText属性得到服务器状态相关的文本
}
}
} }
</script>
</body>
</html>
js进阶ajax的XMLHttpRequest对象的status和statustext属性(如果ajax和php联合使用的话:open连接服务器的第二个参数文件路径改成请求php的url即可)的更多相关文章
- AJAX 核心 —— XMLHTTPRequest 对象回顾
一.AJAX概述 不使用 AJAX 的网页,如果要更新内容,需要重载整个页面. AJAX ( Asynchronous Javascript And XML ,异步 Javascript 和 XML) ...
- js进阶解决浏览器缓存不能自动更新的问题(在ajax的url上带上一个参数,可以是日期,或者是随机数)(随机数Math.random)(取得日期的毫秒数:new Date().getTime();)
js进阶解决浏览器缓存不能自动更新的问题(在ajax的url上带上一个参数,可以是日期,或者是随机数)(随机数Math.random)(取得日期的毫秒数:new Date().getTime();) ...
- XMLHttpRequest 对象 status 和statusText 属性对照表
XMLHttpRequest 对象 status 和statusText 属性对照表 status statusText 说明 0** - 未被始化 1** - 请求收到,继续处理 100 Conti ...
- js进阶-9-3/4 form对象有哪些常用属性
js进阶-9-3/4 form对象有哪些常用属性 一.总结 一句话总结: 1.一般html标签有哪些常用属性:name id value 2.form对象有哪些常用属性(特有):action meth ...
- js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$)
js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...
- matrix-gui-2.0 将javascript文件夹改成js文件夹
/******************************************************************************** * matrix-gui-2.0 将 ...
- AJAX——核心XMLHttpRequest对象
AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,HTML,Jquery,Css……)重新融合的一个新的知识框架.而,XMLHttpR ...
- 详解AJAX核心 —— XMLHttpRequest 对象 (上)
我要说的内容都是非常基础的内容,高手就免看了,如果看了欢迎给点意见啊.新手或者对低层还不是很了解的人可以看看,帮助理解与记忆. XMLHttpRequest 对象是AJAX功能的核心,要开发AJAX程 ...
- Ajax的XMLHttpRequest对象
编写一个例子:从服务器取回一个Hello Ajax字符串. HTML: <input type="button" value="ajax提交" oncli ...
随机推荐
- C++里面virtual函数及虚表大小
实验了下面的函数: #include <vector> #include <iostream> using namespace std; class A { public: v ...
- hdu1874 畅通project续 最短路 floyd或dijkstra或spfa
Problem Description 某省自从实行了非常多年的畅通project计划后.最终修建了非常多路.只是路多了也不好,每次要从一个城镇到还有一个城镇时,都有很多种道路方案能够选择.而某些方案 ...
- Vue的全选功能实现思路
全选功能的实现主要分两步: 1. 点击全选框选中所有选择框. 2. 当所有选择框都被选中时,勾选全选框. 详细思路: 1. 点击全选框选中所有选择框: 给全选框绑定一个值,然后添加change时间,当 ...
- Android学习之图片压缩,压缩程度高且失真度小
曾经在做手机上传图片的时候.直接获取相机拍摄的原图上传,原图大小一般1~2M.因此上传一张都比較浪费资源,有些场景还须要图片多张上传,所以近期查看了好多前辈写的关于图片处理的资料.然后试着改了一个图片 ...
- color-在framwork中添加属性变量
1.今天在修改framwork中的代码的时候,需要把自己在代码中写的一个#ffffff,变成在xml中引用的变量.具体操作方法如下 1)在 frameworks/base/core/res/res/v ...
- Appium_Python_API
1) find_element_by_android_uiautomator (‘new UiSelector().text(“XXXX”)’).click 正常匹配2) find_element_b ...
- jfreechart,pdf生成组件iText,jasper report报表组件及POI操作excel等在企业软件开发中常遇到的第三方应用
熟悉WEB Service ,Ajax,DWR,JQuery,iBatis等技术,熟练TOMCAT,IIS,JBoss,WebLogic等服务器 图表组件JFreeChart PDF组件-iText的 ...
- 本文介绍C# BitmapData
本文介绍C# BitmapData,对于C# BitmapData,虽然BitmapData.Width还是等于Bitmap.Width,但大概是出于显示性能的考虑. 最近要转开发平台,正研究C# ...
- 【CS Round #43 E】Coprime Pairs
[链接]点击打开链接 [题意] 让你选择n个数字,组成一个数组,使得这n个数字中恰好有k对,它们是互质的. [题解] 我们可以先找出前n个质数,那么接下来的问题就转化为,凑出rest = n*(n-1 ...
- 哈夫曼树的介绍 ---java实现
一. 什么是哈夫曼树 是一种带权路径长度最短的二叉树,也称最优二叉树 带权路径长度:WPL=(W1*L1+W2*L2+W3*L3+...+ Wn*Ln) N个权值Wi(i=1,2,...n)构 ...