jquery datatable组件 – 处理spring请求中的数据表请求参数

最新推荐文章于 2021-08-06 19:27:14 发布
最新推荐文章于 2021-08-06 19:27:14 发布
阅读量435 收藏
点赞数
分类专栏： JS
原文链接：https://www.icode9.com/content-4-423929.html
版权

https://www.icode9.com/content-4-423929.html

我想在我的项目中使用jquery datatable组件，我能够点击ajax查询并获得json响应以显示表中的数据.但是对于使用服务器端搜索和排序,我需要接受datatable发送的请求参数.请求参数采用以下形式

 

draw:1
columns[0][data]:firstName
columns[0][name]:
columns[0][searchable]:true
columns[0][orderable]:true
columns[0][search][value]:
columns[0][search][regex]:false
columns[1][data]:lastName
columns[1][name]:
columns[1][searchable]:true
columns[1][orderable]:true
columns[1][search][value]:
columns[1][search][regex]:false
columns[2][data]:age
columns[2][name]:
columns[2][searchable]:true
columns[2][orderable]:true
columns[2][search][value]:
columns[2][search][regex]:false
order[0][column]:0
order[0][dir]:asc
start:0
length:10
search[value]:
search[regex]:false

我想创建一个DTO对象来接受这种请求参数.我创建了以下DTO.

 

public class DataTableRequestDTO {

    private int draw;
    private List<HashMap<String, String>> columns;
    private List<HashMap<String, String>> order;
    private int start;
    private int length;

    public int getDraw() {
        return draw;
    }
    public void setDraw(int draw) {
        this.draw = draw;
    }
    public List<HashMap<String, String>> getColumns() {
        return columns;
    }
    public void setColumns(List<HashMap<String, String>> columns) {
        this.columns = columns;
    }
    public List<HashMap<String, String>> getOrder() {
        return order;
    }
    public void setOrder(List<HashMap<String, String>> order) {
        this.order = order;
    }
    public int getStart() {
        return start;
    }
    public void setStart(int start) {
        this.start = start;
    }
    public int getLength() {
        return length;
    }
    public void setLength(int length) {
        this.length = length;
    }

}

但是当我点击ajax url时,我得到了以下错误

 

org.springframework.beans.InvalidPropertyException: Invalid property 'columns[0][search][regex]' of bean class [demo.objects.DataTableRequestDTO]: Property referenced in indexed property path 'columns[0][search][regex]' is neither an array nor a List nor a Map; returned value was [false]
    at org.springframework.beans.BeanWrapperImpl.setPropertyValue(BeanWrapperImpl.java:1058)
    at org.springframework.beans.BeanWrapperImpl.setPropertyValue(BeanWrapperImpl.java:927)
    at org.springframework.beans.AbstractPropertyAccessor.setPropertyValues(AbstractPropertyAccessor.java:95)
    at org.springframework.validation.DataBinder.applyPropertyValues(DataBinder.java:749)
    at org.springframework.validation.DataBinder.doBind(DataBinder.java:645)
    at org.springframework.web.bind.WebDataBinder.doBind(WebDataBinder.java:189)
    at org.springframework.web.bind.ServletRequestDataBinder.bind(ServletRequestDataBinder.java:106)
    at org.springframework.web.servlet.mvc.method.annotation.ServletModelAttributeMethodProcessor.bindRequestParameters(ServletModelAttributeMethodProcessor.java:150)
    at org.springframework.web.method.annotation.ModelAttributeMethodProcessor.resolveArgument(ModelAttributeMethodProcessor.java:110)
    at org.springframework.web.method.support.HandlerMethodArgumentResolverComposite.resolveArgument(HandlerMethodArgumentResolverComposite.java:77)
    at org.springframework.web.method.support.InvocableHandlerMethod.getMethodArgumentValues(InvocableHandlerMethod.java:162)
    at org.springframework.web.method.support.InvocableHandlerMethod.invokeForRequest(InvocableHandlerMethod.java:129)
    at org.springframework.web.servlet.mvc.method.annotation.ServletInvocableHandlerMethod.invokeAndHandle(ServletInvocableHandlerMethod.java:110)
    at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.invokeHandleMethod(RequestMappingHandlerAdapter.java:776)
    at org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter.handleInternal(RequestMappingHandlerAdapter.java:705)
    at org.springframework.web.servlet.mvc.method.AbstractHandlerMethodAdapter.handle(AbstractHandlerMethodAdapter.java:85)
    at org.springframework.web.servlet.DispatcherServlet.doDispatch(DispatcherServlet.java:959)
    at org.springframework.web.servlet.DispatcherServlet.doService(DispatcherServlet.java:893)
    at org.springframework.web.servlet.FrameworkServlet.processRequest(FrameworkServlet.java:966)
    at org.springframework.web.servlet.FrameworkServlet.doGet(FrameworkServlet.java:857)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:618)
    at org.springframework.web.servlet.FrameworkServlet.service(FrameworkServlet.java:842)
    at javax.servlet.http.HttpServlet.service(HttpServlet.java:725)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:291)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.springframework.boot.actuate.autoconfigure.EndpointWebMvcAutoConfiguration$ApplicationContextHeaderFilter.doFilterInternal(EndpointWebMvcAutoConfiguration.java:291)
    at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.springframework.web.filter.HiddenHttpMethodFilter.doFilterInternal(HiddenHttpMethodFilter.java:77)
    at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.springframework.boot.actuate.trace.WebRequestTraceFilter.doFilterInternal(WebRequestTraceFilter.java:102)
    at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.springframework.web.filter.CharacterEncodingFilter.doFilterInternal(CharacterEncodingFilter.java:85)
    at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.springframework.boot.actuate.autoconfigure.MetricFilterAutoConfiguration$MetricsFilter.doFilterInternal(MetricFilterAutoConfiguration.java:90)
    at org.springframework.web.filter.OncePerRequestFilter.doFilter(OncePerRequestFilter.java:107)
    at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:239)
    at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:206)
    at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:219)
    at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:106)
    at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:501)
    at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:142)
    at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:79)
    at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:88)
    at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:516)
    at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1086)
    at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:659)
    at org.apache.coyote.http11.Http11NioProtocol$Http11ConnectionHandler.process(Http11NioProtocol.java:223)
    at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.doRun(NioEndpoint.java:1558)
    at org.apache.tomcat.util.net.NioEndpoint$SocketProcessor.run(NioEndpoint.java:1515)
    at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1145)
    at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:615)
    at org.apache.tomcat.util.threads.TaskThread$WrappingRunnable.run(TaskThread.java:61)
    at java.lang.Thread.run(Thread.java:745)

String不是用于处理列[0] [search] [regex]的有效数据类型.请问如何在DTO对象中处理这种请求.

 

解决方法:

我在this帖子上找到了答案.我补充道

 

$('#myTable').DataTable({
    serverSide: true,
    ajax: {
        "url": "url",
        "data": function(data) {
            planify(data);  
        } 
    }
});
function planify(data) {
    for (var i = 0; i < data.columns.length; i++) {
        column = data.columns[i];
        column.searchRegex = column.search.regex;
        column.searchValue = column.search.value;
        delete(column.search);
    }
}

在JavaScript和它转换

 

columns[0][search][value]=myvalue
columns[0][search][regex]=false

至

 

columns[0][searchValue]=myvalue
columns[0][searchRegex]=false

现在我可以处理这些请求对象了

 

public class DataTableRequestDTO {

    private int draw;
    private List<HashMap<String, String>> columns;
    private List<HashMap<String, String>> order;
    private int start;
    private int length;

    public int getDraw() {
        return draw;
    }
    public void setDraw(int draw) {
        this.draw = draw;
    }
    public List<HashMap<String, String>> getColumns() {
        return columns;
    }
    public void setColumns(List<HashMap<String, String>> columns) {
        this.columns = columns;
    }
    public List<HashMap<String, String>> getOrder() {
        return order;
    }
    public void setOrder(List<HashMap<String, String>> order) {
        this.order = order;
    }
    public int getStart() {
        return start;
    }
    public void setStart(int start) {
        this.start = start;
    }
    public int getLength() {
        return length;
    }
    public void setLength(int length) {
        this.length = length;
    }
}

感谢大家..

吃鱼的羊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery dataTable完整例子（取数据、分页、样式等）
09-21
分页、排序、检索 Datatable与json之间数据转换，一个详细完整的例子！，希望对大家有用。
JQuery Datatable Ajax请求两次问题的解决
热门推荐
anmo的专栏
12-02 3万+
最近一个项目中使用JQuery Datatable，用起来比较方便，但在测试过程中，发现当条件改变时，有时查询结果中的数据不正确。 使用FireBug跟踪时，发现在使用Ajax请求时，点击一次搜索按钮，却发送了两次请求，一次是原条件的请求，一次是新的请求。 下面是查询按钮的代码。先判断是否是Datatable，如果是的话，先Destroy掉，再重新创建。 function search(
Jquery DataTable AJAX跨域请求的解决方法及SSM框架下服务器端返回JSON格式数据的解决方法
hijk7的博客
05-24 130
Jquery DataTable AJAX跨域请求的解决方法及SSM框架下服务器端返回JSON格式数据的解决方法
jquery Datatables 发ajax请求常用配置
halfsking的博客
09-15 318
  &lt;div class="row result-div"&gt; &lt;div class="col-sm-12 col-md-12 col-lg-12"&gt; &lt;table class="table table-responsive table-bordered-gene table-hover table-border-white-...
ajax必填参数,jquery ajax提交参数问题
weixin_39869197的博客
08-06 330
大家好，本人小白前端一枚最近用jquery.datatables插件启用serverSide选项发现他ajax出来的参数在浏览器里看是这样的draw:1columns[0][data]:namecolumns[0][name]:columns[0][searchable]:truecolumns[0][orderable]:truecolumns[0][search][value]:columns...
Jquery dataTable中文API中文文档
03-02
Jquery dataTable API 中文文档 word版 好用实在
使用jquery DataTable和ajax向页面显示数据列表的方法
01-21
使用jquery DataTable在js中这么写 $(function() { $('#data-table').DataTable( { order : [ [ 1, 'desc' ] ], ajax : { url : /products, type : 'GET', dataSrc : }, ...
jquery dataTable 后台加载数据并分页实例代码
10-19
本篇文章主要介绍了jquery dataTable 后台加载数据并分页实例代码，具有一定的参考价值，有兴趣的可以了解一下
jquery dataTable 获取某行数据
10-19
本篇文章主要介绍了jquery dataTable 获取某行数据的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
dataTables java后台解析http请求参数demo
01-29
dataTables java后台解析http请求参数demo,解析datatableshttp多维数组
处理DataTable的后台公共方法
weixin_34237596的博客
01-15 111
获取页面DataTable的排序和分页信息 private Map<String, Object> getOrderAndLimit(HttpServletRequest request){ Map<String, Object> param = new HashMap<String, Object>();...
关于datatable 的学习用法总结
薛秋艳的博客
07-29 5618
学习datatable的可以到他的中文网站去学习（对于我这样英语不好的而已）中文网站地址：http://dt.thxopen.com/ 当然英文好的也可以去英文网站去逛逛：http://datatables.net/ 我最近写的是在服务器端处理分页的 ，就是每页显示多少就从数据库当中差多少的那种表格这需要自己写的代码会多一点，不过写了之后想想也没想象中那么难了 首先先看看怎么配置
DataTable Api Request
Allen_白的专栏
10-23 365
{  "draw":1,  "start":0,  "length":40,  "startDate":"2016-01-01",  "tourLeaderId":1211,  "order": [{   "column":0,   "dir": "desc"  }],  "columns":[   {    "data":"triptoken",    "name":"
jQuery-DataTable 结合 java完成数据表格显示
suanhengzi的博客
12-18 5460
说明:整个项目使用了maven管理，服务器使用jetty.后台分页使用pagehelper-可在github上找到，dao使用mybatis，并结合spring和springmvc一起使用。详细代码见这里 简单介绍下后台代码 //**1.mybatis mapper.xml文件,一个简单查询**&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt; &lt;!DOCTYPE m
is neither an array nor a List nor a Map
HH_KELE的专栏
12-31 2649
let params = {} params['busLine.name'] = '测试自定义线路' params['busLine.beginDate'] = '2019-12-12' params['busLine.endDate'] = '2019-12-12' params['busLine.lineType'] = '...
springmvc 接受columns[0][data]:id类型的数据方式
u013401913的博客
12-08 3615
draw:1 columns[0][data]:id columns[0][name]: columns[0][searchable]:true columns[0][orderable]:true columns[0][search][value]: columns[0][search][regex]:false columns[1][data]:name columns[1][
JQuery DataTable 结合SpringMVC+Spring Data JPA应用（一）
疯狂的Bug
02-19 8670
JQuery DataTable 学习过程中最大的障碍是官网 http://www.datatables.net/ 就压根进不去！导致很多问题明明官网有例子，有API但是总是绕远路！ 我的业务需要实现的是DataTable 后台服务器分页、排序、多条件查询，最终需要实现的是如下效果： DataTable的基础设置DataTableTest.Html<table class="table tabl
dataTable中数据的处理
最新发布
07-09
在处理dataTable中的数据时，可以采取以下几个步骤： 1. 数据读取：首先，你需要将数据从源文件中读取到dataTable中。这可以通过使用适当的数据读取函数或库来实现，具体取决于你使用的编程语言和数据格式。 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值