ajax、图书管理综合案例分析

147 阅读1分钟

Ajax

基础概念

数据,存在于服务器上

我们要远程操作服务器上的数据,就要使用Ajax技术

axios使用语法

接口文档

docs.apipost.cn/preview/f62…

图书管理案例

network

看ppt

重点

排错的利器

Ajax提交表单数据

找到表单,注册submit事件

阻止默认行为,防止页面跳转

收集表单中的数据

  • $('form').serialize()

  • new FormData()

    • 只能在 /api/formdata 这个接口中用

使用axios提交数据

FormData

找到表单的DOM对象

let fd = new FormData(表单的DOM对象)

Ajax提交fd对象即可

axios库的扩展

全局配置根路径

  • axios.defaults.baseURL = '根路径';

拦截器

请求方法的别名