bootstrap-table的post数据问题

使用bootstrap-table的post问题
由于业务需求,使用bootstrap-table时,可能会向后台发送一大堆数据,假如使用url的get的方式的话,因为浏览器和服务器都会对get的字节长度进行限制,可参考下面这文章:
GET请求中URL的最大长度限制总结

所以当数据较长的时候,需要采用post的方式,

如下所示:

oTableInit.Init = function() {
                    var url = '/clcpm/MainController/getMyWorkTask.do';
                    $('#MyWorkTask').bootstrapTable({
                        url: url, //请求后台的URL(*)
                        method: 'POST', //请求方式(*)
                        toolbar: '#toolbar', //工具按钮用哪个容器
                        striped: false, //是否显示行间隔色

通过浏览器捕获请求,可知道得到的数据是这样的形式,

这里写图片描述
这样的数据,在java后台(使用springMvc)使用@RequestParam()或者request.getparameter(),都是拿不到数据的。

这种数据只有在后台使用流获取才可以得到数据,查看bootstrap-table资料后,发现在js初始化的时候,如在post的后面,加上这句

contentType : "application/x-www-form-urlencoded",

如图所示:

var url = '/clcpm/MainController/getMyWorkTask.do';
    $('#MyWorkTask').bootstrapTable({
    url: url, //请求后台的URL(*)
    method: 'POST', //请求方式(*)
    contentType : "application/x-www-form-urlencoded",
    toolbar: '#toolbar', //工具按钮用哪个容器

这时候捕获的数据格式
这里写图片描述

这时候,聪明的小伙伴已经知道可以达到想要的效果了。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值