laravel jquery计数表行追加自动增量id

如何在使用ajax请求的Laravel应用程序中实现这一点。 我的逻辑是

在页面上重新加载表格自动编号表格行 {示例。

td=1，td=2，td=3

}

提交Ajax post后，向表中的现有编号追加数据+自动编号 {示例。

td=1、td=2、td=3、td=4

}

如您所见，

td=4

是新的附加值。。 我如何才能做到这一点，并确保在重新加载页面时保持编号

代码：

$('#myform').on( "submit", function( event ) {
  event.preventDefault(); 
  $.ajax({
    type:'POST',
    url:"{{ URL::route('test') }}",
    data:$(this).serialize(),
        success:function(data){
          console.log(data)
                        var $table = $('#myTable');
                         for (var i=0;i<1;i++) {
                               var $row = $table.find("tbody").append("<tr>"+
                                  "<td>"+i+"</td>"+
                                  "<td id='name'>"+data.name+"</td>"+
                                  "<td id='code'>"+data.code+"</td>"+
                                  "</tr>").children("tr:eq("+i+")"); 
                         } }});});

$（'#myform'）。在（“提交”，函数（事件）{
event.preventDefault（）；
$.ajax({
类型：'POST'，
url:“{{url:：route（'test'）}}”，
数据：$（this）.serialize（），
成功：功能（数据）{
console.log（数据）
var$table=$（“#myTable”）；
for（var i=0；i在for循环中您定义了
i在for循环中您定义了
i在for of you:
for（var i=0；i在for of you:
for（var i=0；ion page load this
td=4
persist？我不这么认为，因为这是通过jquery代码添加的。如何在page load中显示表？我通过普通的刀片视图显示，唯一的post方法是使用ajax并附加它，我认为这是不可能的，因为page load是从controller视图返回的。您有解决方案吗？没有仍然不起作用..在页面加载上，这是不是
td=4
persist？我不这么认为，因为这是通过jquery代码添加的。如何在页面加载中显示表？我通过普通的刀片视图显示，唯一的post方法是使用ajax并附加它，我想这是不可能的，因为页面加载是从控制器视图返回的。您有解决方案吗选项？不，仍然不工作..postData表示为什么？postData只是函数名，加载页面时可以随意重命名它postData将为空？这意味着表TD=emptyyou可以将postData作为参数传递给postData（）函数postData表示什么？postData只是函数名，加载页面时可以随意重命名它postData将为空？这意味着表TD=emptyyou可以将postData作为参数传递给postData（）函数
function postData() {
            $.ajax({
    type:'POST',
    url:"{{ URL::route('test') }}",
    data:$(this).serialize(),
        success:function(data){
          console.log(data)
                        var $table = $('#myTable');
                         for (var i=0;i<1;i++) {
                               var $row = $table.find("tbody").append("<tr>"+
                                  "<td>"+i+"</td>"+
                                  "<td id='name'>"+data.name+"</td>"+
                                  "<td id='code'>"+data.code+"</td>"+
                                  "</tr>").children("tr:eq("+i+")"); 
                         } }});
} 


$(document).on( "ready", function() {
  postData();
)};

$('#myform').on( "submit", function( event ) {
   postData();
)};

                         var $table = $('#myTable');
                         var increase = 1 ;
                         for (var i=0;i<data.length;i++) {
                               var $row = $table.find("tbody").append("<tr>"+
                                  "<td>"+(increase+i)+"</td>"+
                                  "<td id='name'>"+data[i].name+"</td>"+
                                  "<td id='code'>"+data[i].code+"</td>"+
                                  "</tr>").children("tr:eq("+i+")"); 
                         } }});