jQuery-显示添加的行

我有一个网页，应该插入新的数据库记录，并显示给用户

我想要的是，当我添加一个人时，他（他）必须看到添加的行。我的代码如下：

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刷新。但是，它会呈现我加载的原始页面。有什么解决方案，有什么建议吗？

如果刷新页面，是否可以使用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'/>

$（文档）.ready（函数（）{
$（“输入[type='button']）。单击（函数（）{
value=$（“输入[type='text']”）val（）；
$（'ui'）。追加（“
”+value+”
”；
});
});
项目1
项目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'/>

$（文档）.ready（函数（）{
$（“输入[type='button']）。单击（函数（）{
value=$（“输入[type='text']”）val（）；
$（'ui'）。追加（“
”+value+”
”；
});
});
项目1
项目2

只需创建一个div，在其中显示数据，如下所示：

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

然后将jQuery编辑为：

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

功能（响应）{
控制台日志（响应）；
如果（响应=='ok'）{
$（“#添加”）。追加（艺人名称“
”）；
警惕（“Başarıyla eklendi”）；
}

只需创建一个div，在其中显示数据，如下所示：

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

然后将jQuery编辑为：

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

功能（响应）{
控制台日志（响应）；
如果（响应=='ok'）{
$（“#添加”）。追加（艺人名称“
”）；
警惕（“Başarıyla eklendi”）；
}