我正在使用 Laravel 并使用 Rander 視圖在 Bootstrap 模式中查看一些資料。
我在單擊時打開模態并在其中獲取渲染資料。
這是我在控制器中隨機資料的方式：
$view = \View::make('list.modal-body', ['list'=>$list]);
$message = $view->render();
return response()->json([
ajax_request_return_data' => $message
]);
我收到這$message是對我的 Ajax 請求的 HTML 回應。然后我在模態體上渲染它。
這是我的 HTML 資料，我是 randoring：
<div class="table-responsive">
<table>
<thead>
<tr>
</tr>
</thead>
<tbody>
@foreach($list as $single_detail)
<tr>
<td>{{ $single_detail->detail_name }}</td>
</tr>
@endforeach
</tbody>
</table>
</div>
這是我正在使用的 AJAX 函式：
$.ajax({
type : 'POST',
url : URL-OF-AJAX',
data : { 'related_data' : ralate_data_detail },
success: function(data) {
$('.CLASS_OF_Modal_Body').append(data.ajax_request_return_data)
$('#modal_id').modal('toggle');
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
}
});
問題
問題是當我使用新資料渲染表中顯示的舊渲染資料時，它會在每次打開該模式時不斷添加
我嘗試過什么可能的解決方案？
我試圖在添加新資料之前傳遞空資料，但仍然在模態表中顯示舊資料。
我還嘗試洗掉視圖快取，但舊資料仍然出現在帶有新資料的表中。
Pelase 幫我解決這個問題，我如何每次都在表中顯示 FRESH 資料并洗掉舊的渲染資料。
uj5u.com熱心網友回復：
而不是使用 append 使用 html 方法。
代替
$('.CLASS_OF_Modal_Body').append(data.ajax_request_return_data)
到
$('.CLASS_OF_Modal_Body').html(data.ajax_request_return_data)
參考：
https://api.jquery.com/html/
https://api.jquery.com/append/
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/372551.html