带有混合数据的jQuery ajax“数据”字段答案

【问题标题】：jQuery ajax "data" field with mixed data带有混合数据的jQuery ajax“数据”字段
【发布时间】：2011-03-29 19:00:10
【问题描述】：

我有一个包含一些字段的表单：

<form id="unit">
  <input type="hidden" name="item_id" value="100" />
  <input type="hidden" name="name" value="item one" />
  <select name="option[1]">
    <option value="1">1GB</option>
    <option value="2">8GB</option>
  </select>
  <select name="option[2]">
    <option value="3">Red</option>
    <option value="4">Blue</option>
  </select>
</form>

我想通过 jQuery ajax 传递该数据，所以我正在使用：

$.ajax({
    type: 'post',
    url: 'index.php?route=product/options_plus_redux/updateImage',
    dataType: 'json',
    data: $('form#unit :input'),
    success: function (data) {
        //do something here...
    }
});

而且效果很好。但是，我想在表单字段中添加另一位数据。但我无法弄清楚它的语法。我知道，由于选择框在那里被命名为“选项”，它会尝试序列化该数组。但基本上我正在尝试做：

data: $('form#unit :input') +'x=test',

但它返回的非常错误

有什么想法吗？

【问题讨论】：

标签： javascript jquery json ajax forms

【解决方案1】：

试试这个：

data: $('form#unit').serialize() +'&x=test',

查找jQuery form serialization

你可以看到它在这里运行：http://jsfiddle.net/maniator/pfb2c/

【讨论】：

【解决方案2】：

var data = $('form#unit :input');
data.x = "test";
.......

url: 'index.php?route=product/options_plus_redux/updateImage',
dataType: 'json',
data: data,
.......

【讨论】：