后台数据形式:

{
code:0,
data : [ { id : ‘001’, name : ‘张三’ } , { id : ‘002’, name : ‘李四’ } ],
msg:‘success‘
}

一、get请求

  1. 获取数据(不传参数)
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(() => {})
}
  1. 获取数据(传参)
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请求

  1. 获取数据(传参)
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(() => {})
}
  1. 提交数据(整体以对象发送)
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(() => {}))
Logo

前往低代码交流专区

更多推荐