Ajax

• 异步的获取服务器的数据，实现页面的局部刷新

服务器相关概念

客户端

广义理解

• PC电脑
• 手机
• pad

侠义

• 将互联网世界中的Web资源加载、并呈现到浏览器窗口中供用户使用

服务器

• 服务器是提供服务的设备（本质上就是一台电脑主机）
• 在上网过程中，服务器专门负责存放资源的对外提供服务

客户端与服务器通信的过程

• 客户端与服务器之间的通信过程，分为请求（request）- **响应（response）**两个步骤
  • 请求的概念：客户端通过网络找到服务器要的资源的过程，叫做请求
  • 响应的概念：服务器把资源通过网络发送给客户端的过程，叫做响应

标准的URL地址由4部分组成：

• 超文本传输协议：协议就是约定，用来保证通信双方能读懂彼此发送过来的消息内容

ajax基础用法

• 请求方式

• 最常见的请求方式：get和post

Axios

• axios基本语法

  axios({
      method:"请求类型"，
      url："请求url"
  }).then((result)=>{
      
      
      //.then用来指定请求成功之后的回调函数
      // 形参中的result 是请求结果
  })
  

get传参带中文

加密与解密中文

encodeＵＲＩ（）//加密
ｄｅｃｏｄｅURI（）//解密

result是axios套壳的结果

• 服务器响应给axios的原始数据，被axios外面套了一层壳

解构赋值

• 使用解构赋值可以轻松地获取到axios请求回来的真实数据

  // 发送get请求
      axios({
        method: "get",
        // 指定请求的url地址
        url: "http://www.liulongbin.top:3009/api/getbooks",
          //传参
          params:{
			id:1,
          }
          //解构赋值
      }).then(({ data: res }) => {
        console.log(res);
      });