Ajax

105 阅读1分钟

AJAX

基础概念

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

axios使用语法

axios({
    method:"get",
    url:"http:/xxxxx.com",
    params:{
        查询用这个
        接口文档说什么数据什么数据
    },
    data:{
     删除,更改数据,用这个
     接口文档说什么数据什么数据
}
}).then({
    res=>{
    console.log(res.data)//打印的是一个对象
}
})
//method,url,params,data,去接口文档复制

network

操作远程数据出现错误,可以看浏览器中的network。具体使用百度

AJax提交表单数据

找到表单如果有默认提交事件的表单需要阻止默认行为,防止页面跳转
收集表单中的数据-----两种方式
        1、$('form').serialize()-----这种方式需要引入jq,已经被时代淘汰,一般不用
        2new FormData()---只能在文档固定接口使用-------具体操作如看FormData
使用axios提交数据。

FormData

取form中所有带有name属性的
取元素  表单中的
let fd=new FormData( 被取的元素)//fd是一个二进制,axios可以直接传二进制,打印可能是空
axios语法提交
取单独提交文件的input元素
取input元素
let myfile=取的元素.files[0]//files是FormData单独的方法
let fd = new FormData()//这里面不用穿值
fd.app(`看文档,myfile`)
axios方法提交

axios补充语法

1650287645127.png