ajax validate验证 传值,jQuery validate框架表单ajax远程验证，返回消息处理问题

这两天在学struts2，做了一个简单的注册登录增删改的模块。增删改，记录分页都还简单，但是没想到注册和登录模块的验证花了我近两天的时间。在百度，CSDN纷纷发帖，终于算是解决了这个问题，也找到了产生这个问题的根源。我用的是validate做的验证，毕竟都是初学，还是有疏漏的地方，以此记录！

我的前端是利用jQuery

validate框架做表单验证，validate的remote属性我从没用过，但是ajax之前刚做过几个例子，本想不难，没想到问题就出在这里，还花了我一个晚上的时间调试，仍是没有结果。先贴上我的代码：

我在这里用dataFilter作为处理数据的地方，见图中高亮部分。对于dataFilter我在网上查到，它是请求成功之后，调用回调方法success之前的数据预处理函数。由于remote只接受false或true的值，而远程是个struts2

的action，所以我决定返回一个json，在dataFilter中处理数据了。但没想到，我完全弄错了。

首先来看看我遇到的问题：

这是我在fire

debug中输出的情况，比对上图代码可以发现，我console.log(data),得到的是个‘json字符串’，而我之后console.log(data.checked+"

"+data.chkCode)都是得到的undefined！这点让我非常匪夷所思，明明数据都获取到了不是么！！而且找这个输出来看，都是key:value,活生生的json呐！这个问题调了一个晚上，最终在知道上发了贴寻求帮助。

有朋友回复我，既然数据是收到了的，打印出来没有问题，那有可能是json解析的问题，提议我parseJSON然后输出一下试试。虽然有所疑问，因为我知道，ajax收到请求响应会根据dataType属性中的设置去解析数据，所以我不明白为什么会解析错误。但我还是根据这位朋友的提示，试了一下：

结果如下：

这是360极速浏览器(Chrome内核)中的输出，以下是火狐的输出：

看360的那个结果就很清楚了吧，现在这个jsonStr才是真正的解析过后的json对象，可以jsonStr.checked来取值了，而之前那个data应该只是一个字符串而已。

再看火狐这个输出，两行输出很像是不是！！而且之前是在linux上用火狐调试的，版本可能也不是最新的，json的输出，连这条下划线都没有！！所以这两者真的很容易搞错！在linux上调通之后我就发现了，真正的json对象输出的key:value中key是不带引号的！

现在想来，自从用了fire

debug之后，我就习惯console输出，要是我用alert早就能发现那个data不是个object Object了吧。

然后还有一点我不明白，为什么dataFilter中会没有解析data呢，尤其是我试过在这个dataFileter之后再加了一个success回调函数来输出data看看。发现在此已经得不到data了，我就想可能dataFilter中拦截了请求的相应数据，就直接用好了。完全没想过dataFilter中的数据会有问题。

后来我想到，问题可能就出在这里，跟success相比，dataFilter作为数据的预处理方法，他所接受到的数据是未经处理的原始数据，而success中接受到的才是根据dataType解析过的数据。所以我又改在success中处理数据试试：

我的想法是正确的，success中的data就已经是json对象了！dataFilter作为数据的预处理方法，就是指还没处理过数据，所以这里的data是原始数据而已！如果有对数据有特殊处理需要的，可以在这里编写业务逻辑，而我就是要用到已经解析为json的数据，所以还是用success回调函数就好了。原来弃success而用dataFilter才是这次产生问题的根源所在了，感觉我有点搬起石头砸自己的脚啊。

不过想来，网上大多是用dataFilter做为remote调用ajax处理数据的方法，也许大家更多的是致力于如何在action那边直接输出个true或false回来。貌似还没见过跟我一样迂回的多设置了个属性，来存储验证结果，用json来获取这个值的，所以才鲜少有人在用dataFilter时遇到这个问题吧。

于是我在此贴出此贴，给大家一个提醒，而我还是安心用success算了。