FrontEnd

Appearance

网络请求 ​

Ajax ​

本质是 XMLHttpRequest 对象实现的

实现

js
// 1. 创建一个xhr对象
let xhr = new XMLHttpRequest()
// 2. 设置请求方式和请求地址
xhr.open('get', '请求地址')
// 3. 发送请求
xhr.send()
// 4. 监听load事件获取相应结果
xhr.addEventListener('load', function () {
  console.log(JSON.parse(xhr.response))
})

Axios的封装 ​

当使用 location.origin 时，需要理解以下几个知识点：

  1. location 对象： 在浏览器的 JavaScript 环境中，有一个名为 location 的全局对象， 它提供了有关当前页面 URL 的信息。通过 location 对象，您可以访问当前页面的协议、主机名、端口号、路径等信息。

  2. origin 属性： location.origin 是 location 对象的一个属性，它返回当前页面的完整起始 URL。这个 URL 由协议、主机名和端口号组成。

  • 协议（Protocol）：指示浏览器与服务器之间通信的规则，通常为 http 或 https。
  • 主机名（Host）：表示当前网页所在的服务器的域名或IP地址。
  • 端口号（Port）：指定与服务器通信的端口。如果使用默认端口号（80 或 443），在返回的 origin 字符串中将不包含端口号。
  • 完整起始 URL： 完整起始 URL 是指当前网页的完整地址，它由协议、主机名、端口号和路径组成，如 https://www.example.com:8080/index.html 。