![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ajax axios的学习
文章平均质量分 75
ajax和axios以及项目练习
学习吖
凌晨四点钟,我看见海棠花未眠
展开
-
ajax工作原理 网页从输入url到呈现过程(TCP ,渲染引擎) 头像上传 下拉加载 节流 防抖 常见状态码
Ajax工作原理1.http网络传输协议 :规定 前后端交互的 数据传输格式 协议 : 规定 前后端交互的数据传输格式 2.http协议组成两个部分 2.1前端 必须发送 请求报文格式 2.2后端 必须响应 响应报文格式 3.请求报文格式组成 (1) 请求行 : 请求方法和请求地址 (2)请求头 : 浏览器 告诉 服务器 ,我应该发给你的数据是......原创 2022-05-09 21:51:00 · 839 阅读 · 0 评论 -
Ajax - axios拦截器 axios基地址 get与post请求区别*
axios拦截器的使用 /* axios拦截器工作流程 1. axios 发起请求 2. 执行 请求拦截器 : 添加ajax发送请求之前的操作 3. 服务器 接收、处理、响应 请求 4. 执行 响应拦截器 : 添加服务器响应之后的操作 4. axios 接收响应(执行then方法) */ //打断点 定时器 ajax 事件处理函数 回调函数 打在函数体内部/*1.axios拦截器作...原创 2022-05-08 21:26:23 · 779 阅读 · 0 评论 -
axios框架使用
axios基本语法axios语法 : axios .get('url') .then( res=>{ //请求成功 res.data 服务器响应数据 } ) .catch( err=>{ //请求失败 err"错误信息} ) .then( ()=>{ //本次请求完成 无论成功和失败都会执行 } )...原创 2022-05-08 20:29:21 · 1189 阅读 · 0 评论 -
图书管理案例 ajax-数据的增删改查 ,loading加载效果实现
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.原创 2022-05-08 21:52:56 · 474 阅读 · 0 评论 -
Ajax工作流程 get与post请求
前端访问服务器的几种方式1. 直接在 浏览器地址栏 输入 网址url 2. HTML的a标签的href属性 3. location.href = '' 4. ajax技术 在页面不刷新,不跳转的情况下 向服务器发送请求 * ajax技术作用 局部刷新<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2022-05-06 21:54:53 · 908 阅读 · 0 评论 -
对象操作语法
对象属性操作语法:两种 1.点语法: 对象名.属性名 2.[]语法 :对象名["字符串"] 对象名[变量] 总结: 解析变量用[]语法 不解析变量用点语法<script> /* 对象属性操作语法:两种 1.点语法: 对象名.属性名 2.[]语法 :对象名["字符串"] 对象名[变量] 总结: 解析变量用[]语法 不解析变量用点语法 */let obj={ name:'张三', age:2...原创 2022-05-08 22:15:14 · 320 阅读 · 0 评论