jQuery - показывает добавленную строку

Question

У меня есть веб-страница, которая должна вставлять новые записи БД и показывать их пользователю.

Что я хочу, так это то, что когда я добавляю человека, он (он) должен видеть добавленную строку. У меня есть код ниже:

function AddData(par){ 

    var artistName = $("input[name='"+par+"']").attr('id') + '-'+$("input[name='"+par+"']").val(); 

    $.post('/json/management/AddDataAjax2', 
    { 
     "artistName": artistName 
    }, 
    function(response){ 
     console.log(response); 
     if(response =='ok'){ 
      alert("Başarıyla eklendi"); 
     } 
     else{ 
      alert("Sanatçı bulunamadı, yönlendiriliyorsunuz"); 
      window.location.replace("http://www.sinemalar.com/management/artistAddEditRemove/"); 
     } 
}); 
} 

Вкладки являются все дивы. Я дал каждой вкладке идентификатор и добавил обновление div после вставки записи. Однако он отображает исходную страницу, которую я загрузил. Какое решение, любое предложение?

Answer 1

Просто создайте DIV, где вы хотите, чтобы данные были показаны, что-то вроде этого:

<div id="added"></div> 

А затем изменить Jquery к этому:

function(response){ 
    console.log(response); 
    if(response =='ok'){ 
     $("#added").append(artistName . "<br>"); 
     alert("Başarıyla eklendi"); 
    } 

Answer 2

вместо обновления страницы вы можете использовать append() для добавления нового элемента в свой список?

отредактирован: Вы могли бы найти этот пример полезным:

test.html >>

<script src="jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript">                          

$(document).ready(function() { 
    $("input[type='button']").click(function() { 
     value = $("input[type='text']").val(); 
     $('ui').append("<li>"+value+"</li>"); 
    }); 
    }); 

</script> 
<ui id='list'> 
    <li>item1</li> 
    <li>item2</li> 

</ui> 

<input type='text'/><input type='button' value='Add'/>