Question

我尝试在表格中显示新值意味着之前的值也合并并显示为新值..我提交提交而不刷新意味着新值仅显示。

我试过这段代码

jQuery.ajax({
            url: ajaxurl,                             
            type: "POST",
            processData: false, 
            contentType: false,
            data: formData,
            dataType : "json",
            cache: false,            
            success: function(datass){ 
                var count=datass.length;
                for( i = 0; i < count; i++ ){
                    $('#indexedurl').append('<tr class="odd indexedurl"><td>'+(i+1)+'</td><td>'+datass[i].url+'</td><td>'+datass[i].status+'</td></tr>');
                }
            },
            error: function(errorThrown){
                 console.log(errorThrown);  
            }

任何人都可以知道这个概念，请重播。谢谢：）

Answer 1

您可以在追加收到的数据之前清空表格内容：

success: function(datass){ 
    var count=datass.length;
    for( i = 0; i < count; i++ ){
       $('#indexedurl').empty().append('<tr class="odd indexedurl"><td>'+(i+1)+'</td><td>'+datass[i].url+'</td><td>'+datass[i].status+'</td></tr>');
    }
},

Answer 2

在追加之前

尝试这一行 $（＆＃34;＃indexedurl＆＃34）的HTML（＆＃34;＆＃34）。

OR

$（＆＃39;＃indexedurl＆＃39;）HTML（＆＃39;＆＃39）。

这是我的例子

<table class="table table-responsive" id="UOMDetailTable">
 <thead>
     <tr>
          <th>Serial</th>
          <th>Description</th>
          <th>Detail</th>
          <th>Action</th>
    </tr>

     <tbody>
          <tr>
            <td> </td>
         </tr>
    </tbody>

这是ajax SuccessMethod

 success: function (data, textStatus, jqXHR) {
                //console.log(data);
                var counter = 1;
                $("#UOMDetailTable tbody").html("");

   for (var i in data) 
           {
            var cli = data[i];
              $("#UOMDetailTable tbody").append("<tr>" + "<td>" + counter + "</td>" + " <td>" + cli.Description + "</td>" + "   <td>" + cli.Detail + "</td>" + "<td></td></tr>");

                    counter += 1;
            }
  },

如果存在数据，Ajax会替换值

2 个答案: