XMLHttpRequest的基本使用

什么是XMLHttpRequest

XMLHttpRequest(简称xhr)是浏览器提供的JavaScript对象、通过它、可以请求服务器上的数据资源。之前所学的jQuery中的Ajax函数，就是基于xhr对象封装出来的

 

 

 

 

 使用xhr发起GET请求

步骤:

1.创建 xhr 对象

2.调用xhr.open()函数

3.调用xhr.send()函数

4.监听xhr.onreadystatechange 事件

 

 

 

 

 

了解xhr对象的readyState属性

XMLHttpRequest对象的readyState属性、用来表示当前Ajax请求所处的状态。每个Ajax请求必然处于以下状态中的一个：

 

 

 

使用xhr发起带参数的GET请求

使用xhr对象发起带参数的GET请求时，只需在调用xhr.open期间、为URL地址指定参数即可:

这种在URL地址后面拼接的参数、叫做查询字符串

 

什么是查询字符串

定义：查询字符串(URL参数)是指在URL的末尾加上用于向服务器发送信息的字符串(变量)

格式：将英文的?放在URL的末尾，然后再加上 参数=值 ，想加上多个参数的话，使用 & 符号进行分隔。以这个形式、可以将想要发送给服务器的数据添加到URL中

 

 

 

 

什么是URL编码

URL地址中、只允许出现英文相关的字母、标点符号、数字、因此、在URL地址中不允许出现中文字符

如果URL中需要包含中文这样的字符，则必须对中文字符进行编码(转义)

URL的编码的原则：使用安全的字符(没有特殊用途或者特殊的意义的可打印字符)去表示那些不安全的字符

URL的编码原则的通俗理解：使用英文字符去表示非英文字符

 

 

如何对URL进行编码与解码

浏览器提供了URL编码与解码的API，分别是：

encodeURI() 编码的函数

decodeURI() 解码的函数

 

 

 

URL编码与解码

URL编码的注意事项

由于浏览器会自动对 URL 地址进行编码操作、因此，大多数情况下、程序员不需要关心 URL 地址的编码与解码操作

 

使用xhr发起POST请求

步骤：

1.创建xhr对象

2.调用xhr.open()函数

3.设置Content-Type属性(固定写法)

4.调用xhr.send()函数、同时指定要发送的数据

5.监听 xhr.onreadystatechange 事件

 

标签：基本,编码,XMLHttpRequest,请求,字符,URL,解码,xhr,使用
来源： https://www.cnblogs.com/dhw303/p/16217865.html