• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

4、XMLHttpRequest Levenl2 的新特性

4.1、认识 XMLHttpRequest Levenl2 的新特性

4.1.1、旧版 XMLHttpRequest的缺点

它只支持文本数据的传输,不能用来读取和上传文件。

发送和接收数据时,没有进度信息,只能给出完成的提示。

4.1.2、XMLHttpRequest Levenl2 的新功能

您可以设置HITP请求的时间限制。

您可以使用FormData对象来管理表单数据。

你可以上传文件。

可以获得数据传输的进度信息。

4.2、设置HTTP请求时限

有时候,Ajax操作很费时间,不知道要花多长时间。如果网速慢,用户可能要等很久。新版XMLHttpRequest对象增加了timeout属性,可以将HTTP请求的时间限制设置为:

xhr.timeout=3000

上面的语句将最大等待时间设置为3000毫秒。超过此时间限制后,HTTP请求将自动停止。还存在指定回调函数3360的超时事件。

xhr.ontimeout=function(event){

警报(“请求超时”)

}

4.3、FormData 对象管理表单数据

Ajax操作通常用于提交表单数据。为了方便表单处理,HTML5增加了一个FormData对象,可以模拟表单操作。

//1.创建一个FormData对象

var fd=新表单数据()

fd.append('uname ',' zs ')

fd.append('nuwd ',' 12345 ')

var xhr=new XMLHttpRequest()

xhr.open('POST ',' http://www . Liu long bin . top :3006/API/formdata ')

xhr.send

xhr . onreadystatechange=function(){

if(xhr . ready state===4 xhr . status){

console . log(JSON . parse(xhr . responsetext));

}

}

还可以获取网页表单的值。示例代码如下

身体

表单id='from '

输入类型='text' name='name '自动完成='off '

输入类型='密码'名称='upwd '

按钮类型='提交'提交/按钮

/表单

/body

脚本

//通过DOM操作获取from表单元素

var form=document . query selector(' from ')

form.addEventListener('submit ',函数(e) {

//阻止窗体的默认行为

预防默认()

//快速创建FormData并获取from对象。

var fd=新表单数据(表单)

var xhr=new XMLHttpRequest()

xhr.open('POST ',' http://www . Liu long bin . top :3006/API/formdata ')

xhr.send

xhr . onreadystatechange=function(){

if(xhr . ready state===4 xhr . status===200){

console . log(JSON . parse(xhr . responsetext));

}

}

})

/脚本

Link to comment
Share on other sites