使用 jQuery，如何将字符串数组作为 http 参数附加到 http 请求？

Question

我有一个 spring 控制器，其请求映射如下

@RequestMapping("/downloadSelected")
public void downloadSelected(@RequestParam String[] ids) {
    // retrieve the file and write it to the http response outputstream
}

我有一个 html 对象表，其中每一行都有一个复选框，其中对象的 id 作为值。当他们提交时，我有一个 jQuery 回调来序列化所有 id。我想将这些 id 粘贴到名为“ids”的 http 请求参数中，以便我可以轻松获取它们。

我想我可以执行以下操作

var ids = $("#downloadall").serializeArray();

然后我需要获取每个 id 并将它们添加到名为 ids 的请求参数中。但有没有一种“标准”的方法可以做到这一点？喜欢使用 jQuery？

Answer 1

我不知道“标准方式”，但这就是我要做的。

var ids = $("#downloadall").serializeArray();

将为您提供表单上的数据集（仅显示已检查的项目）：

[{name:"foo1", value:"bar1"}, {name:"foo2", value:"bar2"}]

将其提供给 jQuery 的 .ajax() 只是：

$.ajax({
  url: <your url>,
  data: ids.map(function (i) {return i.name+'='+i.value;}).join('&')
});

Array.map() 并不与所有浏览器兼容，因此您最好在页面上也包含此代码：

if (!Array.prototype.map) {
  Array.prototype.map = function(fun /*, thisp*/) {
    var len = this.length >>> 0;
    if (typeof fun != "function")
      throw new TypeError();

    var res = new Array(len);
    var thisp = arguments[1];
    for (var i = 0; i < len; i++) {
      if (i in this)
        res[i] = fun.call(thisp, this[i], i, this);
    }
    return res;
  };
}

此代码片段是我从 mozilla 开发人员中心获得的。

我没有将它们放在 ?ids=... 参数中，但这样它们就可以在服务器端轻松访问。您始终可以修改地图功能来满足您的需求。