Php AJAX：如何将动态创建的表行中的数据保存到数据库中？

我使用ajax按钮单击来生成表行，供用户输入数据，问题是当它推入数组时，我无法获得值

单击此按钮可生成表格行

 $('#addWEduc').click(function(){
    $('#empEduc').append('<tr align="center"><td><input type="text" name="insti[]" id="insti" style="width:98%"/></td><td><select name="lvl[]" id="lvl" style="width:98%"><option value="bach" >degree</option></select></td><td><input type="text" name="course[]" id="course" style="width:98%"/></td><td><input type="text" pattern="[0-9]{4}" placeholder="example : 2000" name="yrGrad[]" id="yrGrad" style="width:98%"/></td><td><input type="checkbox" name="EducR"/></td></tr>');

对于测试，我尝试并发现数组中未定义值txtrow1和其他3。。。

---

我想我需要的功能是如何获取我在动态表行中键入的值，并使用ajax将其推入数组保存到数据库中

您面临的错误是什么？我在动态表行中键入的数据没有保存到数据库中，我试图提醒数组，但所有内部显示未定义我认为是按钮点击保存数据部分出现了一些问题。注意：在你的

$（'#empWork'）.append（）

中，你添加了重复的id->

id=“orga”

，

id=“jobPos”

，等等。另外，这个函数与你的第二个函数有什么关系，这是针对

#empEduc

而不是

#empWork

->

$（“#empEduc tr”）。长度

您的选择器是

#insta'+（i-1）

，但您的id是

id=“insta”

。您需要修改

$（“#empEduc”）.append（）

将#附加到

id=“insti”

，即

id=“insti”+i+”

$('#btnAddEmp').click(function(){
var rowCount = $('#empEduc tr').length;
        var dataString = [];
        dataString.length = rowCount - 1;
        for(var i=1;i<rowCount;i++)
        {
            var txtrow1 = $('#insti'+(i-1)).val();
            var txtrow2 = $('#lvl'+(i-1)).val();
            var txtrow3 = $('#course'+(i-1)).val();
            var txtrow4 = $('#yrGrad'+(i-1)).val();

            dataString[i-1] = [txtrow1,txtrow2,txtrow3,txtrow4];
        }
        $.ajax({type:"POST",url:"function/Function_AEmp.php",data:{"data":dataString}});
});

$data = strtoupper(trim($_POST['data']));

foreach($data as $value){
    $txtrow1 = $value['0'];
    $txtrow2 = $value['1'];
    $txtrow3 = $value['2'];
    $txtrow4 = $value['3'];

    $sql = "INSERT INTO tbledubg (IC,Institution,Certi,Course,GradYear) VALUES('988',$txtrow1,$txtrow2,$txtrow3,$txtrow4)";

    mysqli_query($sql,$conn);
}