Javascript 使用AJAX打开引导选项卡

我想打开引导选项卡，并在单击每个选项卡时立即显示href页面。我有下面这个小代码，但它不输出任何页面

html

<div id="tabs">
    <ul class="nav nav-tabs" id="prodTabs">
        <li class="active"><a href="#tab_basic" data-url="http://localhost/bioinformatica/stuff/pagina.html">Basic</a></li>
        <li><a href="#tab_images" data-url="httpt://localhost/bioinformatica/stuff/pagina.html">pagina</a></li>
        <li><a href="#tab_videos" data-url="www.facebook.com">FB</a></li>
    </ul>
    <div class="tab-content">
        <div id="tab_basic" class="tab-pane active"></div>
        <div id="tab_images" class="tab-pane active"></div>
        <div id="tab_videos" class="tab-pane active"></div>
    </div>
</div>

---

您需要在

数据url

中预先添加

http://

，否则代码将附加到已在运行的域中

而且，即使在预先设置了

http://

之后，由于

跨域请求，它也无法工作。别担心你的代码很好，只是
http://google.com
不允许任何其他人向其发出
AJAX
请求

只需在您本地的
服务器上已经存在一些文件的情况下尝试一下，我添加了http://并且它仍然是空的，当我单击第二个选项卡时，例如，我得到的url是：我不这样认为，只需检查小提琴并打开控制台[F12]。现在单击任意链接，在控制台中查看错误。它清楚地指定了哪个链接
.load（）
正在尝试加载。单击
Basic
时出错为
GEThttp://localhost/bioinformatica/stuff/pagina.html net:：ERR_CONNECTION_拒绝了
，这清楚地表明它试图调用
http://localhost/bioinformatica/stuff/pagina.html 
我上传了单击第二个选项卡的打印。你认为XAMPP可能是原因吗？我运行JSFIDLE代码，单击Basic，然后得到一个allert：withhttp://localhost/bioinformatica/stuff/pagina.html#tab_basic  [对象]
$('#tabs a').click(function (e) {
    e.preventDefault();

    var url = $(this).attr("data-url");
    var href = this.hash;  
    var pane = $(this);

    // ajax load from data-url

    $(href).load(url,function(result){      
        pane.tab('show');
    });
});

// load first tab content
$('#tab_basic').load($('.active a').attr("data-url"),function(result){
  $('.active a').tab('show');
});