在PHP中怎么实现新增数据，刷新表格，而不刷新整个页面。

Posted 2023-04-18

在php中怎么实现新增数据，刷新表格，而不刷新整个页面。要实现一个功能，在一个页面上有一个表格，表格显示所有用户的信息，现在点击一个新增用户的按钮的时候，会弹出一个新增用户的一个页面，当新增用户的信息填写完了后，点击确定新增的时候，当新增成功，会把这个新增用户页面给关掉，这样还是原来显示所有用户信息的界面，然后表格就会自动刷新，而不是刷新这个显示用户的页面，怎么实现：新增用户成功，只刷新表格不刷新页面的效果。后台语言是php。

ajax把增加的数据传到后台，保存成功的话就然后查询数据库，把当前分页的内容读取，再传回前台，前台先关掉弹出的页面，然后用js或者jq把原来表格的内容直接干掉，然后在把新查询的数据循环出来用js或者jq写成表格到相应位置啊，还是很好实现的 参考技术A 用ajax就可以了，不刷新页面也可以动态加载数据追问

我知道是用ajax具体实现....

追答

用手机不好打字，你百度搜ajax就可以

参考技术B 百度 ajax 然后js修改页面追问

我也知道是用ajax局部刷新，需要的是具体实现的例子

追答

$.ajax( url: "test.php",type:'post', success: function(obj)
$(this).append("obj");
);

追问

你这样的话删除或者修改呢。

handsontable保存后数据后再次刷新数据的问题。

我用handsontable做了一个表格，在线编辑数据（ajax到php+mysql），问题来了，保存数据后，我实现自动刷新数据（即从mysql加载出来），加载数据时，会重叠上次的数据。想在加载新数据前，清空掉原来的数据，怎么实现？谢谢。

第一个ajax请求的结果还未返回给前端，第二个请求又发起了。
改成，第一个请求返回成功后再进行刷新即可。
$('#btn').on('click', function(event)
var ids = $("#idt").getChecked();
if (ids.length > 0)
$.ajax(
url : basePath + "/XXX",
data :
ids : ids.join(","),
,
success : function(data, message)
//成功后，才需要刷新页面，这样才可以加载到最新数据。
$btGrid.flexReload();
)
else
alert("请选择一条以上的数据");
return;


); 参考技术A 调用实例loaddata方法