zoukankan      html  css  js  c++  java
  • 前台传数据给后台的几种方式

    1.后台接收方式为@RequestBody(后台接收多个数据)

    前台需要将数据转换为json格式

    首先前台数据以对象形式存放:

             data:{
                    sex:'',
                    type:'',
                    result:'',
                    name:'',
                    meaning:''
                },  


    data中的数据可以通过:this.data.hobby = ''添加
    通过delete this.data.hobby删除

    之后通过

    JSON.parse(JSON.stringify(this.data))

    将data转换为json格式

    最后通过post传给后台

                http({
                        url:'/data/add',
                        method:'post',
                        data:JSON.parse(JSON.stringify(this.data))
                    }).then(res=>{
                       console.log(res);
                    })        

    2.后台接收String格式数据(只需要接收单个数据)

          http({
                 url:'/data/del',
                 method:'post',
                 params:{id:this.id,name:this.name}
            }).then(res=>{
                 console.log(res)
            })
          }

    3.前台传list给后台

          let arr = []
              let i = 0
          (list为Object类型  List<Object>)
           this.result.forEach(element => { arr[i] = { id:this.id, name:element.name, suggest:element.suggest } i++ })
          
        (list为String类型  List<String>)
          this.result.forEach(element => {
                arr[i] = this.id,
                 
                i++
              })
        http({ url:'/dic/add', method:'post', headers: { 'Content-Type': 'application/json;charset=UTF-8' }, data:JSON.stringify(arr) }).then(res=>{ console.log(res); })
  • 相关阅读:
    JAVA程序员面试32问
    在做物流的库存管理系统里,需要注意。。。。。
    在写自动更新程序中出现的问题
    数据库设计中的五个范式
    cPickle / pickle
    python总结1
    python总结2
    汉明距离(Hamming distance)
    python中pickle的用法
    NET面试题
  • 原文地址:https://www.cnblogs.com/brillant/p/15813497.html
Copyright © 2011-2022 走看看