逍遥阁

FormData和XMLHttpRequest

关键词: javascript FormData XMLHttpRequest

FormData和XMLHttpRequest

```
var fd = new FormData();
fd.append("name", "test");
fd.append("file", document.getElementById("file").files[0]);
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadLoad, false);
xhr.onreadystatechange = function(){
    if(xhr.readyState == 4){
        if(xhr.status == 200){
            console.log(xhr.responseText);
        }
    }
};
xhr.open("post", "post.php");
xhr.send(fd);

function uploadProgress(event){
    if(event.lengthComputable){
        var percent=Math.floor(event.loaded*100/event.total).toString()+"%";
    }
}

function uploadLoad(event){

}
```

###XMLHttpRequest有如下事件

```
onabort
onerror
onload
onloadend
onloadstart
onprogress
onreadystatechange
ontimeout
```

###XMLHttpRequest有如下属性或者对象

```
readyState
response
responseText
responseType
responseURL
responseXML
status
statusText
timeout
upload(XMLHttpRequestUpload对象)
withCredentials
```

###XMLHttpRequest有如下方法

```
open() 第3个参数的含义是"是否异步处理请求"，true->异步，false->同步
send()
abort()
setRequestHeader("key", "value")
getResponseHeader("Content-Type")
overrideMimeType("text/xml")
sendAsBinary("body")
```

admin
2017-02-01 19:14:27
javascript

文章分类

文章标签

文章归档

友情链接

FormData和XMLHttpRequest