通配符

一般用于模糊搜索

在 SQL 中，通配符与 SQL LIKE 操作符一起使用。

<form> 
  <input type="file" id="fileInput">
</form>

<script>
{
  const fileInput = document.getElementById('fileInput')

  fileInput.accept = 'image/*'
  fileInput.onchange = () => {
    const file = fileInput.files[0]
    const formData = new FormData()
    const xhr = new XMLHttpRequest()

    formData.append('img', file)

    xhr.open('POST', 'http://localhost/upload.php', true)
    xhr.send(formData)
    xhr.onreadystatechange = () => {
      if (xhr.readyState !== 4)
        return

      if (xhr.status === 200) {
        const data = JSON.parse(xhr.responseText)
        const img = new Image()
        img.src = data.url
        document.body.appendChild(img)
      } else {
        alert('文件上传失败： ' + xhr.status)
      }
    }
  }
}
</script>

async函数，也就是我们常说的async/await，是在ES8中引入的新特性，主要目的是为了简化使用基于Promise的API时所需的语法。async和await关键字让使用 Promises变得容易，而无需刻意地链式调用Promise。并且与嵌套的.then相比，代码可读性更好。下面就来介绍一下它的具体使用以及规则。

ES6

学习网站：
https://es6.ruanyifeng.com/

箭头函数

一、Ajax

原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求，只能停止当前ajax请求。

何为Ajax：

当今数字时代，互联网的发展让我们的网页愈发交互且动感十足。你是否曾想过这些令人惊艳的网页是如何实现的呢？答案之一就在于 Ajax（Asynchronous JavaScript and XML）技术。在本文中动手实现属于你自己的 Ajax 请求！

大家好，今天我来分享一项JavaScript的实战技巧，即如何在JS中使用Ajax进行异步请求，让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术，可以实现异步加载数据，提升用户体验。下面我将详细介绍如何使用Ajax进行异步请求，让你的网页变得更加高效。

步骤一：创建XMLHttpRequest对象

首先，我们需要创建一个XMLHttpRequest对象，用于发送和接收数据。可以使用以下代码来创建XMLHttpRequest对象：

/*

* Ajax的核心操作对象是xmlHttpRequest

*/

实例化对象

考虑到兼容问题,非IE5/IE6 使用 => new XMLHttpRequest;

IE5/IE6使用 => new ActiveXObject(Microsoft.XMLHTTP); 神呐，请带走IE吧！

并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担

一，AJAX有哪些有点和缺点？