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

时间:2013-11-28 07:15:52

标签: javascript php ajax jquery

当用户按下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中检索

2 个答案:

答案 0 :(得分:2)

您想要加载哪些数据? 改变它:

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

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

答案 1 :(得分:1)

在添加数据之前,先使用

清除当前的''
$('#CPH_GridView1_Status'+arr[2]).empty();

然后附加数据

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