如何在不刷新页面的情况下在添加记录后刷新jTable
How to refresh jTable after adding record w/o page refreshing
这是我的add driver按钮
$( "#addDriver" ).button().click(function( event ) {
event.preventDefault();
var dn = $("input[name=driver_name]").val();
var ds = $("input[name=driver_status]").val();
var dataString = 'driver_name='+ dn + '&driver_status='+ ds;
//Here is where im trying to load it but it's not working
$('#driversTable').jtable('load');
if(dn == '' || ds == '' )
{
alert("Fill up all Fields with ''*''");
}
else
{
$.ajax({
type: "POST",
url: "processDriver.php",
data: dataString,
dataType: "json",
success: function(data){
if(!data.error && data.success) {
alert(data.successMsg);
$("input[name=driver_name]").val('');
$("input[name=driver_status]").val('');
} else {
alert(data.errorMsg);
}
}
});
}
});
这里是jTable init
$("#driversTable").jtable({
title: 'Drivers',
actions: {
listAction: "getAllDrivers.php",
},
fields: {
did: {
key: true,
list: false
},
dID: {
title: 'Driver ID',
width: '7%'
},
dName: {
title: 'Name',
width: '7%'
},
dStatus: {
title: 'Status',
width: '12%'
}
}
});
$('#driversTable').jtable('load');
我希望它是正确的添加新记录后,我希望表刷新而不刷新页面。我尝试了jtable的load和reload函数不工作,或者我只是把它们放在我的代码的错误位置?
先插入数据再加载
$.ajax({
type: "POST",
url: "processDriver.php",
data: dataString,
dataType: "json",
success: function(data){
if(!data.error && data.success) {
alert(data.successMsg);
$('#driversTable').jtable('reload');//<== Reload after Success
$("input[name=driver_name]").val('');
$("input[name=driver_status]").val('');
} else {
alert(data.errorMsg);
}
}
});
相关文章:
- 使用php脚本验证访问者的年龄,并在不刷新的情况下根据结果加载iframe
- Progressbar计时器,仅在页面刷新时重新加载
- Netsuite Suitelet:在不达到治理限制的情况下,遍历事务行项目的列表加载和提交记录
- 重新加载charkick pie_chart而不刷新页面
- Javascript:历史记录未加载页面
- cookie更改时自动重新加载(自动刷新)html页面
- 无法使用javascript插件在首次运行时加载实际图像大小(图像在刷新后加载)
- X 可编辑刷新加载数据源
- 如何刷新历史记录页面.状态更改(单击后退按钮)
- Javascript - 检测刷新 - 加载和卸载 - 你能用它们来检测刷新吗?
- Safari在服务器端的刷新/加载前不运行回调函数(调用客户端代码)
- 仅在插入或更新新数据时自动刷新/加载数据
- 如何判断一个Angularjs页面是通过刷新加载的还是通过链接导航的
- 使用jQuery选项卡刷新加载到iframe中的html
- 如何设置滚动到顶部刷新/加载?(只支持AngularJs或Js,不支持Jquery)
- 流星全页刷新加载更多按钮(铁路由器)
- Jquery移动刷新加载地图API v3
- 我怎样才能制作一个“;循环一次”;在每次刷新/加载页面时播放GIF动画背景
- ExtJS 4-更新/刷新单个记录
- 如何在页面刷新/加载时刷新验证码图像