异步AJAX以有序方式调用

嗨，首先对不起我的英文不好。我已经在SO中搜索。但我没有得到我需要的确切答案。我的问题是我需要同步Ajax请求。我知道我们可以使用“asynch：false”。但这会使浏览器被锁定。我有一个文件夹树（我使用“tafel树”js）在我的网站。树节点在运行时生成。每次用户单击一个节点，它将发送请求到服务器并将该节点添加到树中。但问题是，如果该页面点击F5然后我需要加载我先前已经选择的树结构刷新。我使用“asynch：false”来实现它。但是这会让浏览器太慢。异步AJAX以有序方式调用

，在这里我有什么

function loadPage() { 
/* some other codes are here*/ 
/* here i call an ajax for get the inside folder list in correct order.(i am usig  protoype)*/ 
    new Ajax.Request(ajaxGetInsideFolderIdsUrl, 
    { 
    parameters: {branchId: CurrentSelectfolderId}, 
    onSuccess: function(res) { 
      /* onSuccess i call another function*/ 
      var brs = res.responseText.split(","); // branch ids in correct order. 
      syncFolder(brs) 
    } 
} 

function syncFolder(brs){ 
for(var i= 0 ; i < brs.length; i ++){ 
    var tempbranch = tree.getBranchById(brs[i].getId());    
    selectAfterChange(tempbranch) 
    /* 
    selectAfterChange function is used for selecting current branch. calling "tafle tree" select() function in side it. 
    i just created an copy of "select()","_openPopulate()" functions used in "tafle tree" and modified it with "asynch : false ".and now its working fine. 
*/ 
} 
} 
function selectAfterChange(brs){ 
    brs.chk_select(); 
    /* for selecting the branch (created a copy of current "select()" function used in "tafle tree" js 
    and modified it with "asynch : false "and now its working fine.) */ 
    showList();// for listing items in side that folder (in another Ajax page). 
}

我的问题是，如果用户打开一个长枝。然后刷新页面会因为同步Ajax调用而花费太多时间加载。花太多时间对我来说不是一个大问题。但浏览器被锁定，直到所有的请求执行。有没有其他方法可以做到这一点。

来源

2013-03-05 user2130460

无论您需要使用localStorage的工作，或让你的后台工作，它可以一次返回多个节点。 – epascarello 2013-03-05 03:31:02

我不熟悉您使用的树库，但在一般情况下，你会解决这个问题的方法是将存储在浏览器中当前展开了路径（S）（本地存储，或饼干，或无论何地）以及刷新页面时，只加载可见的节点。

比方说，用户目前正在寻求路径一/二/三/四。

["one", "one/two", "one/two/three"]

：在页面加载时再次，您创建的路径由一个从后端要求，通过拆分的路径，并追加的路径之一的部件队列您保存路径的某处，然后然后，您发送“one”的AJAX请求，并在返回结果时，更新树中的该节点，并发送“one/two”请求。当该请求返回时，更新树并发送“one/two/three”的请求。

根据你的设计，你就可以开始填充更多的异步请求的树休息...

来源

2013-03-05 05:58:39

谢谢您的重播。现在我正在做的是我从URL中获取哈希值（例如： - url＃fId = 5），然后我调用loadPage（）函数并发送此ID（请参阅我的问题中的第一个ajax调用）。 – user2130460 2013-03-05 06:25:51

异步AJAX以有序方式调用

回答

相关问题