脚本宝典收集整理的这篇文章主要介绍了xhr对象的常用属性与方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一、xhr对象的常用属性与方法
1.1 onreadystatechange 描述:onreadystatechange属性指向一个回调函数。当页面的加载状态发生改变的时候readyState属性就会跟随发生变化,而这时readystatechange属性所对应的回调函数就会自动被调用。 语法:xhr.onreadystatechange = function(){}; 1.2 readyState 描述:是一个只读属性,用一个整数和对应的常量来表示XMLHttpRequest请求当前所处的状态一般会在onreadystatechange事件的回调函数中,通过判断readyState属性的值,进而执行不同状态对应的函数。 语法:xhr.onreadystatechange = function(){ if(xhr.readyState == n){ // 执行对应的函数 } } 说明: 值为0,对应常量UNSENT 表示XMLHttpRequest实例已经生成,但是open()方法还没有被调用。 值为1,对应常量OPENED 表示send()方法还没有被调用,仍然可以使用setRequestHeader() 设定HTTP请求头 值为2,对应常量HEADERS_RECEIVED 表示send()方法已经执行,并且头信息和状态码已经收到。 值为3,对应常量LOADING 表示正在接收服务器传来的body部分的数据,如果responseType属性是text或者空字符串,responseText就会包含已经收到的部分信息。 值为4,对应常量DONE,
表示服务器数据已经完全接收,或者本次接收已经失败了 1.3 status 描述:表示本次请求所得到的HTTP状态码,它是一个整数。 语法:if(xhr.readyState == n){ if(xhr.status == 200){ //通信成功 } } 说明: a.本属性是只读属性。 b.本属性有以下可能值:(一般来说认为200就是通信成功的标志。) 200, OK,访问正常 301, Moved Permanently,永久移动 302, Move temporarily,暂时移动 304, Not Modified,未修改 307, Temporary Redirect,暂时重定向 401, Unauthorized,未授权 403, Forbidden,禁止访问 404, Not Found,未发现指定网址 500, Internal Server Error,服务器发生错误 1.4 statusText 描述:表示服务器发送的状态提示,是一个只读字符串。 语法:xhr.statusText 说明:不同于status属性,该属性返回状态码所对应的状态信息。比如OK 1.5 responseText 描述:返回从服务器接收到的字符串内容,该属性为只读。 如果本次请求没有成功或者数据不完整,该属性就会等于null。 如果服务器返回的数据格式是JSON,就可以使用responseText属性来进行数据解析。 语法:xhr.responseText 1.6 open()
描述:表示要将请求发往某处,只是设置而不是真的发送。 语法:xhr.open(‘请求类型’,’url地址’,是否异步); 说明: 第一个参数用来设置get/post请求 第二个参数用来设置请求发送到的url地址 第三个参数是布尔值用来设置是否异步发送,默认false表示同步。 补充: 目前因为我们的页面都采用localhost方式在本地主机直接访问, 因此url直接写出php文件的相对路径即可,会做路径拼接。 而如果通过其他方式打开可能会引起js的跨域问题,就会报错。 1.7 setRequestHeader() 描述:用于设置HTTP头信息。 语法:xhr.setRequestHeader(‘key’,’value’); 说明: 本方法必须在open()之后、send()之前被调用 本方法用来设置在请求发送时,一并被发送出的一些补充信息 1.8 send() 描述:用于实际发出HTTP请求。 语法:xhr.send(formData); 说明:send()方法的参数是表单数据,为post请求准备。 如果是get请求则参数直接写null即可。
以上是脚本宝典为你收集整理的xhr对象的常用属性与方法全部内容,希望文章能够帮你解决xhr对象的常用属性与方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。