javascript - 双异步AJAX函数

标签 javascript jquery ajax asynchronous

因此,我正在尝试编写一个 javascript 脚本来在不刷新页面的情况下动态加载我网站上的页面。基本上我有一个淡出内容 div 的函数,加载新内​​容,切换内容,然后淡入。使用异步 AJAX 请求加载内容,成功调用淡入内容的函数。淡入在加载函数和淡出函数都完成之前,函数不应该运行。我希望页面在内容淡出的整个过程中一直加载,但现在我的淡入淡出动画被卡住了。我已经尝试了很多不同的方法来解决这个问题,但到目前为止没有任何效果......

有什么想法吗?

最佳答案

这只是等待两个事件完成并在它们都完成时采取行动的问题。参见 my answer to this other question .基本上:

为每个事件设置一个标志,最初为 false。 Hook 两个有问题的事件(动画的完成回调和 ajax 成功)。每个事件都设置其标志并调用一个函数。该函数检查标志:如果两者都已设置,它会执行某些操作(在您的情况下,设置新内容)。请参阅代码示例的链接。

关于javascript - 双异步AJAX函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10542429/

相关文章:

javascript - 在 body scroll 上切换 css 和 class

javascript - JQuery onclick 代码不起作用

javascript - 如何将 Dropbox 中的所有文件保存到我的 HTML 页面

jquery - 如何在多个 ajax 调用完成之前阻止表单提交? jQuery

javascript - 自定义查询字符串解析器返回不正确的结果

javascript - 检查引号和括号是否平衡

javascript - socket.io 客户端连接到服务器但不通信

javascript - 提交后如何在同一页面显示html表单值?

jquery移动: how to completely remove the pre-loader from jquery mobile?

php - 在动态创建的 div-tag php javascript 中回显