Как загрузить внешнюю страницу с помощью ajax

Question

У меня есть кнопка ссылки, которая должна ссылаться на другую страницу. Содержимое этой страницы должно отображаться на текущей странице. Я использую фреймворк bootstrap, однако созданная функция не работает.

вот мой код;

<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); работа как обратная связь ложь из сценарий.

Второй

Не меняйте ничего в HTML коде, но сделать ниже изменения в jQuery коде.

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

e.preventDefault();поведение по умолчанию в HTML, так что вы можете выполнить свой код.

Answer 2

Возможно, load() будет лучшим выбором для вас?

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

Помните, что при загрузке контента таким образом потенциально может произойти сбой в истории и в избранных.

Answer 3

body onload="abc()" на загруженной странице должно работать при визуализации из ajax.