1、用vue post给后台传值时,发现

@RequestParam Map<String, Object> params

中params接收不到值

控制台查看,发现参数是request payload方式传递的。

查资料显示

vue-resource中post请求时的一个坑,vue-resource中post发送的数据默认以request payload的形式。

2、解决办法

下载qs.js文件,下载地址点这里

(1)页面引用

<script src="${rc.contextPath}/statics/libs/qs.min.js"></script>

(2)

new Vue()之前,写入以下代码
Vue.use({
    install(Vue) {
        Object.defineProperty(Vue.prototype, "$qs", {
            writable: false,
            value: window.Qs
        });
    }
});

(3)ajax传递的值用 Qs.stringify()格式化

var params = {};
params['Id']=Id;
params = Qs.stringify(params);

(4)ajax调用时,设置请求头

$.ajax({
    url : '../app/list',
    beforeSend: function(request) {      //使用beforeSend
        request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    },
    dataType: 'json',
    type : 'POST',
    async: true,
    data: params,
    success : function(r) {
        if ("200" == r.status) {
        }
        else {
        } /// else
    }, /// success
    error: function (e) {
    }
}); /// ajax

 

Logo

前往低代码交流专区

更多推荐