我尝试在表格中显示新值意味着之前的值也合并并显示为新值..我提交提交而不刷新意味着新值仅显示。
我试过这段代码
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);
}
任何人都可以知道这个概念,请重播。谢谢:)
答案 0 :(得分:0)
您可以在追加收到的数据之前清空表格内容:
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>');
}
},
答案 1 :(得分:0)
尝试这一行 $(&#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;
}
},