欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

如何不用Ajax向后台传值 Spring MVC

程序员文章站 2022-07-15 15:36:07
...

 思路:

1、将要传的数据装入数组

2、创建一个隐藏表单

3、遍历数组,在隐藏表单中创建隐藏的<input>并赋值

4、提交表单

function exportPurchases() {
            var data = [];
            $("input[name='purchaseId']:checked").each(function(i){   //将所有被选中的行的数据装进data数组
                var val = $(this).parents("tr").text();
                data.push($.trim(val));
            });
            var params = {"checkedvPurchases": data};
            postExcelFile(params, "/kmc/sbgl/purchase/exportPurchase");
        }

        function postExcelFile(params, url) { //params是post请求需要的参数,url是请求url地址
            var form = document.createElement("form");      //创建一个隐藏表单
            form.style.display = 'none';
            form.action = url;
            form.method = "post";
            document.body.appendChild(form);
            for (var key in params) {       //将data数组中的值装进隐藏表单,然后提交隐藏表单到后台
                var input = document.createElement("input");
                input.type = "hidden";
                input.name = key;
                input.value = params[key];
                form.appendChild(input);
            }

            form.submit();
            form.remove();
        }