jQuery-添加到序列化数组

Question

我尝试了各种添加到序列化数组中的方法，但是我一直遇到以下问题：

我的第一次尝试导致：[object Object]&username=1被发送。

var vals = {};

$.each($('#my-form').serializeArray(), function(i, field) {
  vals[field.name] = field.value;
});

$.ajax({
  url: "https://example.com",
  type: "POST",
  data: vals + "&username=1",
  complete: function(){
    alert("Success")
  }
});

我的第二次尝试导致：Uncaught (in promise) TypeError: vals.push is not a function

var vals = {};

$.each($('#my-form').serializeArray(), function(i, field) {
   vals[field.name] = field.value;
 });

vals.push({name: 'username', value: 1});

$.ajax({
  url: "https://example.com",
  type: "POST",
  data: vals,
  complete: function(){
    alert("Success")
  }
});

对我在这里做错的任何想法吗？