如何使用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加載外部頁面

回答

相關問題