zoukankan      html  css  js  c++  java
  • 解决:vue表单数据后台拿不到值问题

    问题:vue前端表单数据post提交之后,后台controller拿不到值

    前言:今天做多条件查询提交表单之后,发现后台拿不到值,在后端controller加上@RequestBody还是拿不到,最后,使用qs完美解决了问题

    项目环境:springboot+vue前后端分离

    代码贴出来供参考:

    重点在于:

    var qs = require('querystring')

    qs.stringify(this.formInline)

    vue-page

    /*多条件查询方法*/
    onsubmit(formName) {
        const _this = this
            this.$refs[formName].validate((valid) => {
            if (valid) {
                var qs = require('querystring')
                    axios.post("http://localhost:8181/Task/getMoreAllTasks/1/4/",  qs.stringify(this.formInline)
                              ).then(function (resp) {
                    _this.tableData = resp.data.list
                        _this.total = resp.data.total
                });
            } else {
                return false;
            }
        });
    },
    

    controller层

    //多条件查询任务信息
    @PostMapping("/getMoreAllTasks/{page}/{size}")
    public PageInfo<Task> getAllTasks(@RequestBody @PathVariable("page") int pageNo, @PathVariable("size") int pageSize, String taskTitle, String taskState, String taskBuilder, String startTime, String endTime) {
        PageHelper.startPage(pageNo, pageSize);
        //执行查询所有部门方法
        List<Task> allTasks = taskService.getAllTask(taskTitle, taskState, taskBuilder, startTime, endTime);
        PageInfo<Task> interPageInfo = new PageInfo<Task>(allTasks);
        return interPageInfo;
    }
    

    至此,问题就解决了

  • 相关阅读:
    浏览器的跨域请求 与 CORS(跨域资源共享)
    HTML 占位符
    C# 中的 base和this
    推荐一个pdf引擎
    整理wifi相关的知识点
    交叉编译(ISC)DHCP:dhcp-4.3.0b1
    (转载)子网掩码,网关的概念
    海思-VB被占用导致vb无法去初始化
    c++创建文件时重命名同名文件
    iw创建虚拟网卡wlan1,ap_sta共存
  • 原文地址:https://www.cnblogs.com/dreamzone/p/13080843.html
Copyright © 2011-2022 走看看