jQuery - 追加された行を表示

Question

新しいDBレコードを挿入してユーザーに表示するWebページがあります。

人が追加されたら、追加された行が表示される必要があります。

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です：私は以下のコードを持っています。私は各タブにIDを与え、レコードを挿入した後で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'/>