jQuery ajax“数据”具有混合数据的字段

发布于 2024-10-27 23:54:49 字数 966 浏览 1 评论 0原文

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

<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',

但结果非常错误

有什么想法吗？

原文

I have a form with some fields in it:

<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>

I want to pass that data over jQuery ajax so I'm using:

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

And that works fine. However, I want to add another bit of data along with the form fields. But I can't figure out the syntax for it. I know since the selectbox is named "option" there it will try to serialize that array. but basically I'm trying to do:

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

But it comes back very wrong

Any ideas?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

悟红尘 2024-11-03 23:54:49

试试这个：

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

查找jQuery表单序列化，

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

try this:

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

look up about jQuery form serialization

you can see it running here: http://jsfiddle.net/maniator/pfb2c/

回复收藏 0 原文

や莫失莫忘 2024-11-03 23:54:49

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

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

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

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

回复收藏 0 原文

~没有更多了~