Javascript 从数据库检索数据而不刷新页面

当用户按entre键时，数据将保存到数据库中

Ajax

    $('td.edit').keydown(function(event){


    arr = $(this).attr('class').split( " " );
     var clientid=document.getElementById("client").value;
     account_id=document.getElementById("account_id").value;


     if(event.which == 13)
     { 

$.ajax({    type: "POST",
                        url:"clientnetworkpricelist/update.php",
                        data: "value="+$('.ajax input').val()+"&rowid="+arr[2]+"&field="+arr[1]+"&clientid="+clientid+"&account_id="+account_id,
                        success: function(data){

                        $('#CPH_GridView1_Status').append(data);
                        $('.ajax').html($('.ajax input').val());
                        $('.ajax').removeClass('ajax');
                                                }});
                                 }

                              }

Html

<td  id="CPH_GridView1_Status'.$rows['net_id'].'" class="edit2 status '.$rows["net_id"].' "><img  src="image/'.$rows["status"].'f.png" /></td>

---

成功后，我希望从数据库中检索数据并将其放置在正确的td中（在单击的td的同一行中）。我成功检索数据，但未在正确的td中检索到您希望加载数据的行？ 更改它：

$('#CPH_GridView1_Status').append(data);

到

---

在追加数据之前，请首先使用清除当前“”

然后添加数据

$('#CPH_GridView1_Status'+arr[2]).append(data);

---

使用

context:

选项

$.ajax（）

将上下文发送到标识行的

success

函数。您只需在ajax调用的结果页面中显示它，并从ajax调用返回的数据中获取它。

$（此）

指针仍应指向单击的td，因此，为什么不使用它将数据重新设置到生成的事件上呢？谢谢你的回答，它起作用了，但是如果我再次添加它，它会显示多个数据，它不会清除以前的数据。你能告诉我在添加新数据时如何清除以前的数据使用html而不是附加：$（“#CPH_GridView1_Status”+arr[2]）.html（数据）；请看这个问题，请给我你的建议谢谢

$('#CPH_GridView1_Status'+arr[2]).empty();

$('#CPH_GridView1_Status'+arr[2]).append(data);