Jquery更新DIV联系人没有添加新的

时间:2016-07-22 15:24:15

标签: jquery html ajax

enter image description here

大家好我正在编写一个代码来进行make和ajax调用以在Database中添加新记录 并且每次拨打电话都希望成功回应其成功

在这里讨厌的是每次点击一个按钮时都会显示一条新行 我需要的是让它只是一行,每次更新数据库时其内容都会改变

我的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>

1 个答案:

答案 0 :(得分:0)

而不是after()函数使用html()函数。 替换以下代码

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

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

假设#display仅用于显示消息。