我的 laravel 專案中有一個采購到期清單。在單擊購買 ID 時，我想使用 Ajax 請求在模式表中顯示購買詳細資訊，并在成功顯示結果后希望自動重置模式表。但是在我的代碼中，雖然我使用的是$('#datatable').reset();.
模態表
<table id="datatable" class="display compact table table-bordered">
<thead class="thead-light">
<tr>
<th>Item Name</th>
<th>Qty</th>
<th>Unit Price</th>
<th>Total Amount</th>
</tr>
</thead>
<tbody id="item-tbody">
</tbody>
阿賈克斯
$(".purchase_invoice").click(function(event) {
var pi_id = $(this).attr('href');
var table = '';
$.ajax({
url: "{{ url('purchase-invoice-detail') }}" "/" pi_id,
type: "get",
success: function(response){
$.each( response, function( key, data ) {
$.each( data, function( key, value ) {
$(".pi_no").html(value['purchases_id']);
$(".pi_date").html(value['updated_at']);
table = '<tr>';
table = '<td>';
table = value['name'];
table = '</td>';
table = '<td>';
table = value['quantity'];
table = '</td>';
table = '<td>';
table = value['unit_price'];
table = '</td>';
table = '<td>';
table = value['total_amount'];
table = '</td>';
table = '</tr>';
});
});
table = '<tr>';
table = '<td colspan="3">Net Payable Amount:';
table = '</td>';
table = '<td colspan="1">';
table = response[0][0]['net_payable_amount'];
table = '</td>';
table = '</tr>';
$('#item-tbody').append(table);
$("#viewModal").modal('show');
$('#datatable').reset();
},
error: function(response){
alert('Error' response);
}
});
});
問題出在哪里？有人幫忙嗎？
uj5u.com熱心網友回復：
可能您應該更改$('#datatable').reset();為：
$('#item-tbody').html('');
或者
document.getElementById("item-tbody").value = "";
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/485132.html