Jquery Update DIV контакта не Добавление нового

Question

Привет всем я пишу код, чтобы сделать и AJAX вызов, чтобы добавить новую запись в базе данных и каждый раз сделать вызов о покупке повторить его сделали успешно

что happing здесь демонстрирует новую линию каждый раз, когда я нажимаю на кнопку, но то, что мне нужно это сделать только одну строку и ее изменение содержания каждый раз, когда я обновить базу данных

Мой Jquery код

<script type="text/javascript"> 
$(function() { 

$(".new_button").click(function() { 

var element = $(this); 
    var r_n = $("#x").val(); 


    var test = $("#content").val(); 

    var dataString = 'content='+ test; 








     $.ajax({ 
     type: "POST", 
    url: "new_recepit.php", 
    data: dataString+'&x='+r_n, 
    cache: false, 
    success: function(html){ 



$("#display").after(html); 

document.getElementById('content').value=''; 
$("#flash").hide(); 

    } 


}); 



    return false; 
    }); 



}); 
</script> 

Мой код PHP файл функция

'if($insert){ 
    $recepit_id=mysqli_insert_id($conn); 
    $_SESSION['last_Recepit_id']=$recepit_id; 
    $msg="New Recepit scuccessfuly created with Id :"; 
    } 
    else{ 
    $msg="No New Recepit has created there is some Error"; 
?> 

<table cellpadding="0" cellspacing="0" width="500px"> 

<tr class="comment"> 
<td style="padding:14px;" class="comment_box" align="left"><b><?php echo $msg.$recepit_id; ?></b></td> 
</tr> 

</table> 

Answer 1

Вместо после() используйте функцию HTML(). Заменить приведенный ниже код

$("#display").after(html); 

С

$("#display").html(html); 

Предполагая #display используется для отображения сообщения только.