javascript — данные не отображаются

Я надеюсь, что любой может помочь мне с этим.
У меня есть здесь ajax-код, который имеет функцию для сохранения, редактирования и удаления.
Все коды в этом разделе работают, их можно сохранять, редактировать и удалять.
Но моя проблема в том, что они не отображаются автоматически на моем столе.
Так же, как кнопка сохранения и удаления. У меня также есть такая проблема, когда я хочу показать модал для сохранения и редактирования. Я хочу, чтобы в моём коде был только один модал и было условие, если я когда-либо захочу добавить или отредактировать. Заранее спасибо. Кстати, вот код моего AJAX. Я думаю, что мне нужно поместить что-то в функцию успеха, чтобы решить это. Но я не знаю как.

<script>
// Add
$(document).ready(function(){
$('#btn_save').click(function(){
var id = $('#brand_id').val();
var brand_name = $('#brand_name').val();
var brand_status = $('#brand_status').val();

$.ajax({
url       : 'server.php',
method    : 'POST',
data      : {brand_name : brand_name, brand_status : brand_status},
success   : function(response) {
$('#'+id).children('td[data-target=brand_name]').text(brand_name);
$('#'+id).children('td[data-target=brand_status]').text(brand_status);
$('#modal-default').modal('toggle');
}
});
});
});
// Edit
$(document).ready(function(){
$(document).on('click', 'a[data-role=edit]', function(){
var id = $(this).data('id');
var brand_name = $('#'+id).children('td[data-target=brand_name]').text();
var brand_status = $('#'+id).children('td[data-target=brand_status]').text();

$('#brand_name').val(brand_name);
$('#brand_status').val(brand_status);
$('#brand_id').val(id);
$('#modal-default').modal('toggle');
});

$('#btn_edit').click(function(){
var id = $('#brand_id').val();
var brand_name = $('#brand_name').val();
var brand_status = $('#brand_status').val();

$.ajax({
url       : 'server.php',
method    : 'POST',
data      : {brand_name : brand_name, brand_status : brand_status, id : id},
success   : function(response) {
$('#'+id).children('td[data-target=brand_name]').text(brand_name);
$('#'+id).children('td[data-target=brand_status]').text(brand_status);
$('#modal-default').modal('toggle');
}
});
});
});
// Delete
$(document).ready(function(){
$(document).on('click', 'a[data-role=delete]', function(){
var id = $(this).data('id');

$.ajax({
url       : 'server.php',
method    : 'GET',
data      : {id : id},
success   : function(response) {
}
});
});
});
</script>