什么XMLHttpRequest，使用xhr发起get请求和URL编码与解码

XMLHttpRequest(简称 xhr)是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源

使用xhr发起GET请求(⭐⭐⭐)

步骤

• 创建 xhr 对象

• 调用 xhr.open() 函数

• 调用 xhr.send() 函数

• 监听 xhr.onreadystatechange 事件

// 1. 创建 XHR 对象
var xhr = new XMLHttpRequest()
// 2. 调用 open 函数 指定请求方式和URL地址
xhr.open('GET', 'http://www.liulongbin.top:3006/api/getbooks')
// 3. 调用 send 函数 发起AJAX请求
xhr.send()
// 4. 监听 onreadystatechange 事件
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
     // 获取服务器响应的数据
     console.log(xhr.responseText)
   }
}

 

查询字符串

什么是查询字符串

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

格式：将英文的 ? 放在URL 的末尾，然后再加上 参数＝值 ，想加上多个参数的话，使用 & 符号进行分隔。以

这个形式，可以将想要发送给服务器的数据添加到 URL 中。

什么是URL编码

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

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

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

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