如何使用 $(form).serialize() 添加 json 对象？答案

【问题标题】：How to add json object with $(form).serialize()?如何使用 $(form).serialize() 添加 json 对象？
【发布时间】：2017-07-17 12:42:53
【问题描述】：

我有以下代码

var values = {'value1' : 'one','value2' : 'two'};

...
...
submitHandler:function(form,e){
 $.ajax({
    type: 'POST',
    url: '',
    data: $(form).serialize(),
 });
}

我尝试使用append method，如下所示

var formData = $(form).serialize();
      var value = {'test' : 'test'};
      formData.append(value);
      $.ajax({
        url : '',
        type : 'post',
        dataType : 'json',
        data : formData,
        .....

但它显示 append 不是函数。任何帮助将不胜感激..！

【问题讨论】：

不清楚您在这里要做什么。 serialize() 创建一个表单 URL 编码的字符串，其中 FormData 是表单值的集合，value 是一个对象......？你期待什么输出？
哦..！然后我想创建一个 json 对象，其中包含表单数据和值对象。抱歉，我认为序列化会将表单数据转换为对象。

标签： jquery json ajax serialization

【解决方案1】：

Serialize() 将返回一个查询字符串以便使用，

formData+='&test=test';

代码，

var formData = $(form).serialize(); // its a string
formData+='&test=test'; // append in string
$.ajax({
    url : '',
    type : 'post',
    dataType : 'json',
    data : formData,
    .....

并在对象中附加值使用

formData['test']='test';

代码，

var formData = {'value1' : 'one','value2' : 'two'}; // its an object
formData['test']='test';
$.ajax({
   url : '',
   type : 'post',
   dataType : 'json',
   data : formData,
    .....

【讨论】：