如何只调用一次ajax

前端之家收集整理的这篇文章主要介绍了如何只调用一次ajax前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我从这段代码调用函数
<div id="header-button-news" class="header-button-info">
        <a href="javascript:;" title="Новости" onclick="showNews()"></a>
        <div class="new">2</div>
    </div>

我的功能

function showNews()
{          
        //other js which show block 

        jQuery("#loader").show();


        //ajax which load content to block
        jQuery.ajax({
            type: "GET",url: link,dataType: "html",success: function(data) {
                jQuery('#top-info-news').html(data);   
            },complete: function(){
                jQuery('#loader').hide();
            },});
}

我怎样才能进行一次ajax调用?所以当加载内容并且页面没有被刷新而不加载ajax时?我试图做布尔变量,但没有,我支持它是因为我每次调用函数.请告诉我怎么做.

谢谢

当你想在那个事件上做点什么的时候.

确定何时已加载数据.

var loaded = false;

function showNews() {
    //other js which show block 

    jQuery("#loader").show();


    if(loaded) return;

    //ajax which load content to block
    jQuery.ajax({
        type: "GET",success: function(data) {
            jQuery('#top-info-news').html(data);   
        },complete: function(){
            jQuery('#loader').hide();
        },});

    loaded = true;
}

或者使用一个.当你想打电话一次.

<a href="javascript:;" title="Новости" onclick="showNews()" class="showNews"></a>

jQuery('.showNews').one('click',function() {
    // your code
});

“将处理程序附加到元素的事件.每个元素最多执行一次处理程序.”

reference

原文链接:https://www.f2er.com/ajax/160173.html

猜你在找的Ajax相关文章