每日心得（AJAX篇）--- 第三天

一、XMLHttpRequest的基本使用

xhr是浏览器提供的javascript对象，通过他可以请求服务器上的数字资源

二、使用xhr发起get请求

let xhr = new XMLHttpRequest()

xhr.open('GET', 'URL地址')

xhr.send()

xhr.onreadystatechange = function () {

if (xhr.readyState === 4 && xhr.status === 200) {

console.log(xhr.responseText);

}

}

三、查询字符串

将英文的 ‘?’ 放在url的末尾，再加上参数=值，想要多个参数的话，用‘&’进行分割

四、URL编码与解码

URL地址中只允许出现英文相关的字母、标点符号、数字等，如果URL需要包含中文字符，则必须对中文字符进行编码

（1）.编码的函数

encodeURI()

（2）.解码的函数

decodeURI()

四、使用xhr发起post请求

       let xhr = new XMLHttpRequest()

        xhr.open('POST', URL地址)

        xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded')

        xhr.send(携带的参数)

        xhr.onreadystatechange = function () {

            if (xhr.readyState === 4 && xhr.status === 200) {

                console.log(xhr.responseText);

            }

        }

五、JSON

JSON就是用字符串表示JavaScript的对象和数组，JSON的本质就是字符串，是一种轻量的文本数据交换格式

六、序列化和反序列化

(1).JSON字符串=>JSON对象 又称为反序列化

JSON.parse()

(2).JSON对象=>JSON字符串 又称为序列化

JSON.stringify()

七、XMLHttpRequest Level2的新特性

1.可以设置HTTP请求的时限

2.可以使用FormData对象管理表单数据

3.可以上传文件

4.可以显示进度信息