从数据库中检索数据而不刷新页面
retrieve data from database without refreshing the page
当用户按下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);
在附加数据之前,首先使用清除当前"
$('#CPH_GridView1_Status'+arr[2]).empty();
然后附加数据
$('#CPH_GridView1_Status'+arr[2]).append(data);
相关文章:
- JQGrid使用服务器编辑后的更新数据刷新数据
- 如何刷新数据表列数据
- vue.js使用定时器自动重新加载/刷新数据
- 数据库更新后刷新数据表
- 插入数据并用新数据刷新数据网格后,关闭弹出窗口
- 如何使用复选框jQuery取消选中并刷新数据
- 刷新数据时,下拉列表以 ng-重复形式关闭
- 仅当使用 AngularJS 从服务器中找到新数据时,才自动刷新数据
- 从 json 接收的 jQuery 刷新数据
- 主干:更改集合后刷新数据表
- 谷歌折线图,刷新数据表
- 在角度.js中编辑后立即刷新数据表
- ajax json天气自动刷新数据
- 单选按钮不刷新数据
- 在设置时间后刷新数据并调用backingbean方法
- 刷新数据表时出错-无法重新初始化数据表
- 勾选复选框全选,并刷新数据表
- 如何在调用页事件后刷新数据表
- 我如何使一个html页面可打印而无需重新加载/刷新数据
- NVD3 -如何刷新数据功能,以产生新的数据点击