Question

我有一个动态表，可以选择添加/删除行。为了添加和删除，我使用了克隆功能。与表关联的输入具有如下名称：name [0]，name [1]，name [2]等。

为了更好地理解我的命名惯例，小提琴可能派上用场：https://jsfiddle.net/tareenmj/amojyjjn/7/

当我尝试使用form.serializeArray()甚至form.serialize时，不是给我这些名字，而是给我输入相同名称的输入（例如，courseTB1 []用于多个值而不是courseTB1 [0]， courseTB1 [1]等）。但是当我在提交表单时使用我的ajax函数时，它按预期工作。问题是我无法提交表格。

无论如何通过ajax以JSON格式传递我的表单输入，这将充分地处理名称？

我的jQuery代码如下：

var formData=JSON.stringify($('#form').serializeArray());
var arr = {inputs: formData, nextTab:relatedTabID, currentTab: tabID};
alert(JSON.stringify(arr)); 
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
$.ajax({
   type: 'POST',
   url: 'roa',
   dataType: 'json',
   data: {inputs: formData, nextTab: relatedTabID, currentTab: tabID}, 
   success: function (data) {
        //if no error from backend validation is thrown
        $('#tabShow').html(data);
        checkboxFunction();
        if (relatedTabID === 'section6') {
           section6();
        }
       //else present the same form
        },
        error: function () {
            alert('error');
        }
});

由于我是Jquery Ajax的初学者，这是我最好的功能。任何帮助将不胜感激。

通过Ajax提交动态表数据？

0 个答案: