在 Laravel 中删除渲染视图

Question

我正在使用 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 数据：

<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) {
    
    }
});

问题

问题是当我使用新数据渲染 table 中显示的旧渲染数据时，每次打开模态时它都会不断添加

我尝试过哪些可能的解决方案？

我尝试在添加新数据之前传递空数据，但仍然在模态中显示旧数据 table。

我也尝试过删除视图缓存，但旧数据仍然与新数据一起 table。

请帮我解决这个问题，我怎样才能每次都在 table 中随机更新数据并删除旧的渲染数据。

Answer 1

使用 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/

在 Laravel 中删除渲染视图

Remove render view in Laravel

ajax

laravel

bootstrap-modal

laravel-blade