基于vue给后台发送数据形式
后台数据形式:{code:0,data : [ { id : ‘001’, name : ‘张三’ } , { id : ‘002’, name : ‘李四’ } ],msg:‘success‘}一、get请求获取数据(不传参数)getData () {this.$http.get('/colledu/mobile/queryHzdwList').then(({ dat...
·
后台数据形式:
{
code:0,
data : [ { id : ‘001’, name : ‘张三’ } , { id : ‘002’, name : ‘李四’ } ],
msg:‘success‘
}
一、get请求
- 获取数据(不传参数)
getData () {
this.$http.get('/colledu/mobile/queryHzdwList').then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (res.data.length === 0) {
return this.$message.warning('抱歉!目前没有您所需要的数据')
}
}).catch(() => {})
}
- 获取数据(传参)
getData () {
this.$http.get('/colledu/mobile/queryGzInfoById', {
params: { id: this.dataForm.pici, type: this.dataForm.gzlx }
}).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (res.data.length === 0) {
return this.$message.warning('抱歉!目前没有您所需要的数据')
}
}).catch(() => {})
}
二、post请求
- 获取数据(传参)
getData () {
var param = new FormData()
param.append('name', '张三')
param.append('age','12')
param.append('id', '123')
var url = '获取数据的后台地址'
this.$http
.post(url, param)
.then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (res.data.length === 0) {
return this.$message.warning('抱歉!目前没有您所需要的数据')
}
}) .catch(() => {})
}
- 提交数据(整体以对象发送)
sumbitData () {
let obj ={
name : '张三',
age : 12
}
var param = new FormData()
//dataForm : 后台接受前端数据的参数名称
param.append('dataForm', JSON.stringify(obj))
this.$http.post(url, param).then(({ data: res }) => {
if (res.code !== 0) {
//msg:后台传到前端的错误信息
return this.$message.error(res.msg)
}
}).catch(() => {})
}
3.直接传对象
sumbitData () {
let obj ={
name : '张三',
age : 12
}
this.$http.post(url, obj).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
}).catch(() => {})
}
二、put请求(传数组)
List=[{id:'1111111'},{id:'2222222'}]
this.$http
.put(
'growth/mobile/getClassActivityNew3',
this.List.map(item => item.id)
).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
}).catch(() => {}))
更多推荐
已为社区贡献3条内容
所有评论(0)