1. 程式人生 > >vue向後端傳送資料並得到返回值

vue向後端傳送資料並得到返回值

      let list = this.list.map((item) => { //這個是list, 後臺需要的引數之一
        return Object.assign({
          sdid: item.device,                //這個是sdid  後臺要這個引數 後面的item.device是頁面裡的資料名字 把他賦值給sdid
          prj_id: item.project,              //同上
          cpy_id: ''                        // 後臺協商 id為空 所以在這定義一下為空 一起傳過去
        })
      })
      let obj = {                            // 整體let一下
        id: this.id,                        // id為則個id
        array: JSON.stringify(list),        // 這個吧剛才的list轉換為json陣列形式傳遞過去,stringify是轉換為json形式
        cid: this.$store.state.cid,        //和上面的一樣
        sid: this.form.sub_id,
        inspection_name: this.form.input,
        state: '企業自檢'
      }                                    //後臺定義的介面在api裡用axios寫好了 是post傳遞模式 
                                export function postCompany(obj) {                                 const url = `xxxxx/xxxx/xxxxxx`                                 let data = qs.stringify(obj)                                 return axios.post(url, data).then((res) => {                                 return
Promise.resolve(res.data)                                     })                                    }裡面的qs是給post專用的, 用到post就引入qs console.log(obj) postCompany(obj).then((res) => {        //後臺的介面名字是postCompany 定義為obj資料型別 返回res this.dialogFormVisible = false // 這個無關緊要 是頁面裡關閉視窗的一個程式碼 console.log(res)                    //打印出來看一下是不是我要的數值 if (res.code !== 200) {               //與後臺協商 200為正確 不是200就是錯誤 this.$message('提交失敗') return false }                                     this.$message({ type: 'success', message: '提交成功' }) })