jquery ajax发布href值而不刷新页面

时间:2014-11-29 23:54:58

标签: javascript php jquery html ajax

您好我想发布链接值,例如 HREF ="?ID = 1"我的链接

但是没有刷新页面当前它刷新页面但我不想重新加载页面,这里是我的代码请帮帮我

function loadTabContent(tabUrl){
    $("#preloader").show();
    jQuery.ajax({
        type: post,
        url: tabUrl, 
        data: "id="+country_id,
        cache: false,
        success: function(message) {
        jQuery("#tabcontent").empty().append(message);
        $("#preloader").hide();
        }
    });
}

jQuery(document).ready(function(){  

    $("#preloader").hide(); 
    jQuery("[id^=tab]").click(function(){   

        // get tab id and tab url
        tabId = $(this).attr("id"); 
        tabUrl = jQuery("#"+tabId).attr("href");

        jQuery("[id^=tab]").removeClass("current");
        jQuery("#"+tabId).addClass("current");

        // load tab content
        loadTabContent(tabUrl);
        return false;
    });
});

2 个答案:

答案 0 :(得分:0)

试试这个:

function loadTabContent(tabUrl){
    $("#preloader").show();
    jQuery.ajax({
        type: post,
        url: tabUrl, 
        data: "id="+country_id,
        cache: false,
        success: function(message) {
        jQuery("#tabcontent").empty().append(message);
        $("#preloader").hide();
        }
    });
}
jQuery(document).ready(function(){  

    $("#preloader").hide(); 
    jQuery("[id^=tab]").click(function(e){   

        // get tab id and tab url
        tabId = $(this).attr("id"); 
        tabUrl = jQuery("#"+tabId).attr("href");

        jQuery("[id^=tab]").removeClass("current");
        jQuery("#"+tabId).addClass("current");

        // load tab content
        loadTabContent(tabUrl);
        e.preventDefault();
    });
});

答案 1 :(得分:0)

我认为return false应该没问题,除非你的函数导致异常发生,例如糟糕的ajax请求。在进行ajax调用时,尝试在type属性中的单词post周围加上引号。此外,country_id未定义,如果需要,您也应该传递它。

http://api.jquery.com/jquery.ajax/

function loadTabContent(tabUrl, country_id){
    $("#preloader").show();
    jQuery.ajax({
        type: 'POST',
        url: tabUrl, 
        data: "id="+country_id,
        cache: false,
        success: function(message) {
            jQuery("#tabcontent").empty().append(message);
            $("#preloader").hide();
        }
    });
}