Загрузка страниц в DIV

Question

Я ищу код, который будет загружать страницу внутри DIV с JQuery.

В основном, когда страница загружается, я хотел бы загрузить

displaycatch.php вDIV

<div id="results">Content for  id "results" Goes Here</div>

Затем я хотел бы создать кнопку, которая загружает другую страницу внутри этого содержимого DIV.

Любая помощь приветствуется.

Спасибо!

Answer 1

$(document).ready(function(){
    $('#results')
    .load('displaycatch.php')
    .after($('<button/>',{text:'Load another','type':'button'}).click(function(){
        $('#results').load('displayanother.php')
    }));
);

Это загрузит displaycatch.php в #results при загрузке страницы, затем вставит после нее кнопку, которая при нажатии загрузит другую страницу. Также было неясно, если у вас уже есть кнопка или вы хотите создать ее динамически.

Answer 2

Вот очень простой вызов ajax с кнопки.В случае успеха ответ помещается в ваш DIV

$("#button").click(function() {
  $.ajax({
   type: "POST",
   url: "some.php",
   data: "foo=bar&fooo=baz",
   success: function(msg){
     $("#results").html(msg);
   }
 });
});