Ajax(1)

89 阅读1分钟

image.png 什么是服务器

image.png

image.png 资源

image.png 数据也是资源

image.png

image.png 服务器多数情况都使用数据表的方式来存储数据,和我们平时见到的表格差不多,形式如下:

image.png 客户端 概念:在前端开发中,客户端特指'Web 浏览器'。

作用:将互联网世界中的Web加载,并呈现到浏览器窗口中供用户使用

什么是Ajax

image.png 使用Ajax请求数据的5中方式

image.png GET请求用于从服务器获取数据

image.png POST请求用于向服务器新增数据

image.png DELETE请求用于删除服务器上的数据

image.png PUT请求用于更新服务器上的数据(侧重于完整更新,如更新用户的完整信息)

image.png PATCH请求用于更新服务器上的数据(侧重于部分更新,如手机号码等)

image.png Ajax基础用法

axios是前端圈最火的,专注于数据请求的库

image.png

image.png axios基础语法

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

image.png

axios({
method:'get',
url:'http://www.itcbc.com:3006/api/getbooks'
})
.then(result=>{
  console.log(result)
})

image.png

axios({
//指定请求方式为get
method:'get',
//指定请求的URL地址
url:'http://www.itcbc.com:3006/api/getbooks'
//查询参数
params:{
    id:1
}
})
.then(result=>{
  console.log(result)