如何使用ajax加载外部页面

我有一个链接按钮，应该链接到另一个页面。该页面的内容应显示在当前页面上。我正在使用引导框架，但是我创建的功能似乎不起作用。如何使用ajax加载外部页面

这是我的代码;

<a href="" id="reslink">link1</a> 

<div class="span8" id="maincont"></div>

javascript;

$('#reslink').click(function(){ 
    $.ajax({ 
     type: "GET", 
     url: "sample.html", 
     data: { }, 
     success: function(data){ 
      $('#maincont').html(data); 
     } 
    }); 

});

来源

2013-03-13 cfz

这与Bootstrap（一种风格和DOM框架）有什么关系？ – isherwood 2013-03-13 02:36:33

看起来像一个简单的阿贾克斯调用。虽然这里没有太多的解决问题。 – isherwood 2013-03-13 02:39:06

你在'$（document）.ready（function（）{....}）'内调用'$ .ajax'吗？ – darshanags 2013-03-13 02:43:13

您有以下方法。

首先

使用HTML如下,.

<a href="Javascript:void(0);" id="reslink">link1</a>

Javascript:void(0);从脚本返回false。

二

不要更改HTML代码中任何东西，但做如下改变jQuery代码。

$('#reslink').click(function(e){ 
    e.preventDefault(); 
    $.ajax({ 
     type: "GET", 
     url: "sample.html", 
     data: { }, 
     success: function(data){ 
      $('#maincont').html(data); 
     } 
    }); 
});

e.preventDefault();防止HTML的默认行为这样你就可以执行代码。

来源

2013-03-13 04:11:45

也许load()会是更好的选择吗？

$("#reslink").click(function() { 
    $("#maincont").load("sample.html"); 
});

请注意，以这种方式加载内容可能会破坏历史记录和收藏夹。

来源

2013-03-13 02:38:21 SomeShinyObject

-1

body onload="abc()"在加载页面应该从ajax呈现时工作。

来源

2014-12-04 06:10:38 Pranav

如何使用ajax加载外部页面

回答

相关问题