使用 jquery ajax 刷新页面

Question

我有一个 Web 应用程序，我在页面上显示用户 cmets 及其发布时间。由于有定期发布的 cmets，所以我需要每 1 分钟更新一次评论发布时间。为此，我使用 jquery ajax 从 db 更新时间。我的代码是这样的：

<script type="text/javascript">

 setInterval("UpdateTime()", 60000);


function UpdateTime() {
    var id=$('#hdID').val();
    $.ajax({
        type: "POST",
        url: "mypage.aspx/UpdateTime",
        data: "{'id':'" + id + "'}",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
            if (msg.d.length &gt; 0) {
                obj = document.getElementById('feed_TimeStamp' + id);
                obj.innerHTML = msg.d;
                //$(obj).slideDown("slow");
            }
        },
        async: false,
        error: function(xhr, status, error) {
            //alert(xhr.statusText);
        }
    });
}

</script>

cs 文件：

   [WebMethod]
   public static string UpdateTime(string id)
   {
       Comments comments = new Comments();
       string time = "";
       if (comments.LoadByPrimaryKey(Convert.ToInt32(id)))
           time = MyClass.GetTime(comments.CommentsDate);
       if (!(time.ToLower().Contains("sec") || time.ToLower().Contains("min")))
           time = "";
       return time;
   } 

但这里我的问题是每 1 分钟执行此 web 方法后，整个网页都会挂起，直到 ajax 调用完成。我想在不占用页面的情况下刷新时间。

Answer 1

当你使用带有

的 jquery ajax 函数时

async: false,

页面将保持忙碌状态，直到请求结束。

Answer 2

去掉这个：async: false（默认为true）

除非在极少数情况下您必须等待，否则不应同步进行 ajax 调用。

这肯定会锁定页面无法运行（甚至无法单击鼠标）

Answer 3

这可能是内存问题 + 更改 ajax 异步调用中的设置。

来自

异步：假

到

异步：真

当您说async: false 时，这意味着您不允许浏览器以与 AJAX 完全相反的异步方式发送您的请求 - 它应该是一个异步调用。

在此处查看文档：

async 默认值：true 默认情况下，所有 请求是异步发送的（即 默认情况下设置为 true）。如果 你需要同步请求，设置 此选项为假。跨域 请求和数据类型：“jsonp” 请求不支持同步 手术。注意同步 请求可能会暂时锁定 浏览器，禁用任何操作，同时 请求处于活动状态。

建议：

我认为您正在尝试加载 all comments，如果您的结果集很高，以便浏览器保留数据并将其发布到元素上，这可能会占用大量内存。

我建议您只从服务器请求新数据，而不是整个“不在 cmets 面板上”，这样您就不会在浏览器中窃听以将所有内容保存在内存中。