今天不聊晦涩的lua了，今天聊前端的接口们，让我们在编写完前端界面如何和后端的程序搭一座桥，而绝不是豆腐渣工程！

---

前端接口 

     常见的前端axios获取数据的方法主要包括：

        1、基本 GET 请求： 使用 GET 请求从服务器获取数据。开头特点：axios.get

                

           有了万能的它，我们可以通过console.log打印出接收到的数据，进行提取等操作，例如在这赋一个初值status

          然后通过 this.status = response.data.status 获取这个值（注意注意，你的接口里得有status这个字段或者其他的哈，没有就别获取了，人家也掏不出来啊啊啊） ，this.xxx就是全局指向某值~

  2、带参数的 GET 请求： 可以通过 URL 参数传递查询条件。开头特点：axios.get

        高阶一点的哈，就是说我不仅要看看这个接口里有什么，完事了我还想带着条件看看，我就是皇帝

    其中新出现的 params 是一个对象，我们可以在其中定义要通过查询字符串传递的键值对，这里就是查询id为1，里面字段是example的值，运行后请求的url可能是这个形式：https://api.example.com/data?id=1&name=example，当然我们不用params，也可以在类似于https://api.example.com/data 的后面自己手动添加查询辣，项目中这么写axios更加易于维护

3、 POST 请求： 用于向服务器发送数据。开头特点：axios.post

     post接口和get接口截然相反哈，它是把前端的数据传递到后端去，假设这里传了两个字段name和age，到后端去有啥用呢，如果后端有个数据库，库里有个表，表里有若干字段name、age、password、currenttime...好了不要套娃了， 这样传到后端进行对比，如果王八对绿豆对上了，就可以登录系统等操作（这里是举例哈还可以有其他功能）~

4、还有axios.put和axios.delete等请求接口，一般不常用就不多展开了友友们！

---

以上都是同步接口，那我们其实还会用到异步请求，如果使用同步请求（例如，XMLHttpRequest 中的 send 方法），浏览器会在等待服务器响应时阻塞用户界面。这意味着用户在等待请求完成时无法进行任何操作，例如点击按钮或滚动页面。使用异步请求，可以避免这种阻塞，使用户界面在请求期间仍然保持响应。

所以！为了持续响应，异步请求在项目中的使用频率也是很高的

4、异步函数与 await 语法： 结合 async/await 使代码更简洁。开头特点：async function()

   它的格式特点取决于三个方面，分别是 async、await 、try{ }catch{ } 语句，这是作为异步的典型特征并且缺一不可哈，有了try catch海尔兄弟，可以更间接的处理请求中的错误，任何请求失败了，它们都会立马捕获并处理，最重要的是，不会影响其他进程！

     

     其实这个说说是异步，加上async和await，看起来比同步还像同步，因为负负得正了欸，因为例如链式调用的 .then().catch() 方法在处理多个请求时可能导致“回调地狱”，而 async/await 能够使代码流更加线性，从而提高可读性。

---

     以上就是四种常用的前端接口，学会搭桥后，里面想获取啥就获取啥！