提交表单数据为JSON

Question

我必须重新创建最初使用Jotform创建的表单-它在这里 。 我在一个地区苦苦挣扎。 这是一个非常简单的表单，唯一的警告是可以从多个条目复制表单字段。 这部分可以在这里看到。 表单重复时，我需要将表单数据提交为JSON数组。 摆弄小提琴，我没有放置常规表单字段，这是它们和克隆的字段需要提交数据的方式。

q2_fullName[first]:test
q2_fullName[last]:test
q1_currentCommission1:[{"Instruments":"a","Commissions":"1","Margins":"a"},{"Instruments":"b","Commissions":"2","Margins":"b"},{"Instruments":"c","Commissions":"3","Margins":"c"}]

通常在$ .ajax处理程序中，我只是序列化数据，但这在为克隆的字段创建json数组时不起作用。 通常是这样的：

submitHandler: function(form) {
  var dataString = $(form).serialize(); 
  $.ajax({
    type:'POST',
    url: form.action,
    data: dataString,
    dataType: "json",
    beforeSend: function(data){
     //before send
    },
    success: function(data){
      //success function
    }
  });
  return false;
},

我需要以某种方式序列化非克隆的字段（我认为），并从克隆的值中创建一个json数组，并为其分配键名

Answer 1

您可以像这样构建发布数据和json字符串：

var data = {
      // get/set the firstname etc
      "q2_fullName":{
          "first":"", // get firstname ie $("#first_2").val(),
          "last":"" 
      },
      "q1_currentCommission1" :""
    },
    commisions = [];

$('.InsContain').each(function() {
  var $inputs = $(this).find('input');
  commisions.push({
    "Instruments" : $inputs.eq(0).val(),
    "Commissions" : $inputs.eq(1).val(),
    "Margins" : $inputs.eq(2).val()
  });
});
data.q1_currentCommission1 = JSON.stringify(commisions);

发表数据：

q2_fullName[first]:aaa
q2_fullName[last]:123
q1_currentCommission1:[{"Instruments":"1","Commissions":"1","Margins":"1"}]

在这里更新小提琴