jquery ajax post href值而不刷新页面答案

【问题标题】：jquery ajax post href value without refreshing the pagejquery ajax post href值而不刷新页面
【发布时间】：2014-11-29 23:54:57
【问题描述】：

您好，我想发布链接值，例如 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;
    });
});

【问题讨论】：

标签： javascript php jquery html ajax

【解决方案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(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();
    });
});

【讨论】：

OK 但是如何获取数据 php 文件？因为当把这个和 php 代码放在我的页面顶部时，它会再次加载页面主页，但我只想从 mysql 中获取一些值
我刚刚编辑了你的代码的第 2 部分，所以你必须输入第 1 部分和第 2 部分，我现在正在编辑我的答案
@user3606257 您的问题与php或mysql无关。如果您需要有关 php 的帮助，那么您需要发布您的代码。但听起来这是一个不同的问题，所以你应该在一个新问题中提出它。
它仍然令人耳目一新，我认为由于 href 值，是否可以使用 data: "id="+country_id, 部分和 href tag 仅 id tab id 将数据发布到 php 文件以从 mysql 表中获取使用$_GET['id']; ?

【解决方案2】：

我认为 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();
        }
    });
}

【讨论】：