使用ajax更新页面数据

时间:2011-07-27 15:18:58

标签: javascript jquery ajax

我有一个显示我的服务器目录结构的树视图。用户输入文件夹名称,然后在服务器的根目录中创建该文件夹。我的代码如下

$.post("makeDir.php", {data:path}); //makeDir.php creates the folder using mkdir()
location.reload(true);

即时使用location.reload(true)向用户显示更新的树。现在问题是sumtimes,'post'请求还没有完成,并且很快就重新加载页面,因为新创建的文件夹没有显示在树视图中。其次我也不确定使用location.reload(true)是否是正确的方法!在这种情况下shud我使用$ .ajax()函数?

3 个答案:

答案 0 :(得分:2)

使用$.post

success参数
$.post("makeDir.php", {data:path}, function() {
    location.reload(true);
);

答案 1 :(得分:1)

这将确保页面仅在请求完成后重新加载。

$.post("makeDir.php", {data:path},function(){
    location.reload(true);
});

答案 2 :(得分:1)

如果您打算重新加载页面 - 请勿使用Ajax。只需提交表格即可。

如果您要使用Ajax - 请勿重新加载页面。让服务器返回一些数据,然后使用回调(第$.post的第三个参数)处理(更新DOM)。