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,已经被时代淘汰,一般不用
2、new 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补充语法