我希望有人能帮助我。 我这里有一个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>