jquery - 如何使用ajax加载外部页面

Question

我有一个链接按钮，应该链接到另一个页面。该页面的内容应该显示到当前页面。我正在使用引导框架，但是我创建的函数似乎不起作用。

这是我的代码；

<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);
        }
    });

});

Answer 1

您有以下方法。

第一

使用如下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 的默认行为，以便您可以执行代码。