jQuery发送含有数组参数的ajax请求以及后台Struts2的OGNL解析错误

前几天回家了一趟，唉，回家的感觉真爽。

不多废话，jQuery在发送ajax请求时，如果请求的参数里有数组对象，后台的Struts2在用List作为接收对象的时候，会报OGNL错误：

ognl.ExpressionSyntaxException: Malformed OGNL expression: arrayList[] [ognl.ParseException: Encountered " "]" "] "" at line xx, column xx.

放狗搜到一篇相关的文章：http://www.cnblogs.com/tanhao/archive/2011/06/22/2086513.html，在数组参数的外层套一个$.param()函数即可，例子如下：

$.ajax({
    url: _this.get_detail_url,
    type: 'POST',
    data: $.param(_this.params, true),    // 注意要传递第二个参数
    dataType: 'json',
    timeout: 30000,

    success: function(returnData, textStatus) {
        // do something here
    },

    error: function(xhr, textStatus, errorThrown) {
        // do something here
    }
});

这样处理之后，后台Struts2就可以正确地去List去存储这个数组了。

================================如果你只为寻找答案，那么只到这里就可以了================================

下面深究一下：

经过查看源代码，jQuery在处理ajax请求的data时，如果直接传递非string类型的数据给它（包括object，array等），那么它会调用$.param()将其转换成string：

// Convert data if not already a string
if ( s.data && s.processData && typeof s.data !== "string" ) {
    s.data = jQuery.param(s.data, s.traditional);
}

第二个参数s.traditional用来控制是否转换为传统格式，默认为false。在w3school上找到这样一段说明：

我们可以如下显示对象的查询字符串表示以及 URI 编码版本：

var myObject = {
a: {
one: 1,
two: 2,
three: 3
},
b: [1,2,3]
};
var recursiveEncoded = $.param(myObject);
var recursiveDecoded = decodeURIComponent($.param(myObject));

alert(recursiveEncoded);
alert(recursiveDecoded);

recursiveEncoded 和 recursiveDecoded 的值输出如下：

a%5Bone%5D=1&a%5Btwo%5D=2&a%5Bthree%5D=3&b%5B%5D=1&b%5B%5D=2&b%5B%5D=3
a[one]=1&a[two]=2&a[three]=3&b[]=1&b[]=2&b[]=3

可以将 traditional 参数设置为 true，来模拟 jQuery 1.4 之前版本中 $.param() 的行为：

var myObject = {
a: {
one: 1,
two: 2,
three: 3
},
b: [1,2,3]
};
var shallowEncoded = $.param(myObject, true);
var shallowDecoded = decodeURIComponent(shallowEncoded);

alert(shallowEncoded);
alert(shallowDecoded);

recursiveEncoded 和 recursiveDecoded 的值输出如下：

a=%5Bobject+Object%5D&b=1&b=2&b=3
a=[object+Object]&b=1&b=2&b=3

可以看到，如果不加true参数，数组会被转换成b[]=1&b[]=2&b[]=3的形式，Struts2目前还不能正确解析该形式；而加true参数的所谓“传统”解析方式会把数组解析成b=1&b=2&b=3的形式，所以Struts2就可以正确解析了。

jQuery从1.4版本开始就有了如此蛋疼的解析方式（据说是为了满足PHP、RoR等后台的需要），不过幸好它还保留了原来的解析方式，对Struts2等框架最简单的解决方法就是将其ajax的traditional属性设为true即可：

jQuery.ajaxSettings.traditional = true