学末将至，web应用技术这门课最后要交一个大作业。开发一个购物的商城网站（编程语言不限制，系统架构不限制，总之开发出来带有前后台的购物商城并且带支付功能）。在开发用户管理的功能的时候，需要用到表格展示数据。

其中前端的UI采用了Layui。

就在开发到数据表格相关功能的时候，却遇到了问题。

网络大多数都是A转Layui官网实例，B转A，C转B。导致了搜一个解决的办法，就是错误，再搜一个还是错的。几乎都不能解决。

折腾了将近10多个小时。最终折腾成功，特此把遇到的坑写在文章里，为后人提供点帮助。

被女朋友劝用Ajax， 那不行呀，我就不信搞不明白了：

不能向这个小问题低头，这次低头了下次遇到了，麻烦的还是自己。还是下决定把这个整明白。

后台怎么都收不到传来的值。

首先呢，我这样写，是错误的。 在Layui的重载表格中，会自动向请求的地址发出page和limit参数，所以不必在写page和limit参数了。

终于体会到了作者设计此处时的奇妙和厉害之处。

省的使用者再去计算page和limit的值，layui都帮你计算好了。

官方的例子给出的实例如下代码所示，但是实例中未说明为什么这样子写。 where: { key: { id: demoReload.val() } } 这也是我受到伤害的其中一个地方，其实这个地方，作者是想传递一个对象。 我们之后在js中的对象是可以这样写： var User = { name : ‘郑晖’, email : '[email protected]' } 打印出来是这种形式的：

后台返回的对象是这种形式的：

根据对比，作者就是想返回一个对象给后台。所以这个地方就需要自定义了。 总之，where:{}中就是用来存放向后台传的值的。

为了解决这个问题，我试了几种办法，

data.field拿到的数据就是一个表单中的input中的值，形成一个对象的形式，可以打印一下看一下格式：

编写的js代码：

但是遇到了问题：（后台接收不到值：）

前台可以看到是可以看到值传过去了：

后台确实也收到了：

由于后台需要动态的拼接sql：

前台会把所有的字段都传递给后端，即使没有搜索也会传一个' '进来。导致了后台去查询了传来的' '，这个地方可以通过后端来处理。这里我就尝试这去使用前端来处理，所以不讨论后端。

** 解决办法1(没有成功的解决)**

** 解决办法2(成功的解决)**

前端动态的添加对象中的字段

为了方便其他人看，没加入任何其他的无关的代码，仅供参考，单纯为了实现传值