javascript - 切换 AJAX 请求

标签 javascript jquery html ajax

我有以下代码,将内容加载到 div 中,然后淡入:

$('a.search').click(function(){
    $('.pop-up').load('search.php', function(){
        $(this).fadeToggle();
    });


});

但是,我假设每次单击 a.search 时都会发出请求,如果它是切换?

是否有更经济的方式来实现此切换而不进行多次调用?

最佳答案

在您自己的代码中实现切换,而不是使用 .fadeToggle

$('a.search').click(function(){
    if ($('.pop-up').is(':visible')) {
        $('.pop-up').fadeOut();
    } else {
        $('.pop-up').load('search.php', function(){
            $(this).fadeIn();
        });
    }
});

关于javascript - 切换 AJAX 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20348507/

相关文章:

javascript - HTML5 Web Audio API 在使用 AudioBuffer 播放 PCM 数据时出现奇怪的噪音

html - Kendo UI 网格层次结构

javascript - 不使用开关/制表符的简单 Onclick Javascript 下拉导航

c# - 在没有反射的情况下将 "Code/Properties/Stuff"与 C# 中的字段相关联。我太被 Javascript 灌输了

javascript - 两个 div 的 z-index 问题,其中一个具有绝对位置

javascript - event.preventDefault();在 IE 中工作很奇怪

javascript - 我如何知道 IntersectionObserver 滚动方向?

javascript - 加载图像有时会导致图像被加载两次

javascript - 禁用浏览器缓存

php - 通过 ajax 到 PHP 的多维数组