javascript - 如何提交表单并将一些额外参数传递给 $.getJSON 回调方法？

Question

我知道如何将一些参数传递给 JQuery $.getJSON 回调方法，thanks to this question :

$.getJSON('/website/json',
{
  action: "read",
  record: "1"
}, 
function(data) {
   // do something
});

我还可以向 $.getJSON 回调方法提交表单:

$.getJSON('/website/json', $(formName)
function(data) {
   // do something
});

但我想传递一些参数并提交一些表单元素。我怎样才能将这两件事结合在一起？

我可以序列化表单元素并手动将一些参数添加到 url，它看起来很有效:

$.getJSON('/website/json',
  'action=read&record=1&'
  + $(formName).serialize(),
function(data) {
   // do something
});

但是看起来不是很优雅。这是正确的方法，还是有更好的方法？

Answer 1

我们可以实现功能 demonstrated in this answer作为自定义 jQuery 实例方法，它从表单中生成键/值对对象，并将其与不是从表单派生的属性组合:

$.fn.formObject = function (obj) {
    obj = obj || {};
    $.each(this.serializeArray(), function (_, kv) {
        obj[kv.name] = kv.value;
    });
    return obj;
};

$.getJSON('/website/json', $(formName).formObject({
    action: "read",
    record: "1"
}), function(data) {
   // do something
});