javascript – 在长时间的Ajax调用期间显示进度

前端之家收集整理的这篇文章主要介绍了javascript – 在长时间的Ajax调用期间显示进度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个简单的网站(http://www.kousenit.com/twitterfollowervalue),根据一个人的Twitter粉丝计算数量.由于Twitter API一次仅返回关注者100,因此完整的过程可能涉及大量呼叫.

目前,我对运行Twitter循环的方法进行了Ajax调用.该方法看起来像(Groovy):

def updateFollowers() {
    def slurper = new XmlSlurper()
    followers = []
    def next = -1
    while (next) {
        def url = "http://api.twitter.com/1/statuses/followers.xml?id=$id&cursor=$next"
        def response = slurper.parse(url)
        response.users.user.each { u ->
           followers << new TwitterUser(... process data ...)
        }
        next = response.next_cursor.toBigInteger()
    }
    return followers
}

这是从一个名为renderTTFV.groovy的控制器调用的.我使用原型库通过Ajax调用调用控制器:

在我的网页上,在标题部分(JavaScript)中:

function displayTTFV() {
    new Ajax.Updater('ttfv','renderTTFV.groovy',{});
}

并且在呼叫完成时,页面正文中有一个div更新.

一切正常,但updateFollowers方法可能需要相当长的时间.有什么方法可以返回进度值吗?例如,我想在每次迭代时更新网页.我提前知道会有多少次迭代.我只是无法弄清楚在该循环中间更新页面方法.

任何建议,将不胜感激.

最佳答案
对于或多或少准确的进度报告,您有两种选择:

>让服务器告诉你它的进展
>让客户端(浏览器)向服务器询问其进度

保持服务器告诉您进度将很容易实现.您可以,而不是调用Ajax.Updater,创建一个iframe元素并修改服务器,为每次迭代,转储带有一些javascript的响应,以触发显示浏览器的进度,并刷新该响应.像这样,浏览器将执行javascript并一直等待响应完成,因此用户将看到进度指示器向上移动直到完成所有操作.

服务器可以使用其他方法来告诉您操作的进度.你可以Bing / Google关于Comet服务器.

至于让浏览器定期询问操作的进度,你可以在浏览器每次迭代时返回一些令牌,浏览器会检查它是否是最终结果,或者是否应该将它传递给服务器以便服务器继续按下twitter来获取下一个结果集,或以某种方式保持服务器中的状态(如果你有会话状态支持,可能会这样做),在每次迭代中更新并​​且可以在单独的请求中轮询.

我希望这些建议有所帮助.

猜你在找的Ajax相关文章