AJAX для загрузки страницы

Question

У меня есть страница, содержащая HTML, PHP и JavaScript, у меня также есть другая страница, которая очень похожа, но использует разные переменные; одна страница сопоставляет пользователям родные города с картой, а другая отображает местоположение пользователей на карте. Я попробовал просто ссылку между ними как обычную ссылку в HTML, но поскольку она находится на холсте Facebook, я получаю сообщение об ошибке, когда я пытаюсь перейти на другую страницу, поэтому я хочу загрузить страницы с помощью AJAX. Я понимаю, как заменить содержимое div с помощью AJAX, но я не могу найти что-либо о загрузке всей страницы, мне нужно сделать это, так как на разных страницах разные переменные в PHP.

Будет ли лучший способ сделать это или нет простого пути? Я никогда не использовал AJAX раньше, поэтому я действительно не знаю, как это сделать, я полагаю, что я мог бы включать переменные и вызовы PHP в одном файле, но я думаю, что это займет довольно много времени, и код будет довольно запутанным.

Answer 1

Вы можете использовать следующий код для загрузки страницы HTML внутри DIV

$.ajax({ url: requrl, 
      type: "POST", 
      dataType: "html", 
      success: function (response) { 
       $('#DivId').html(response); 
      }, 
      error: function (response, error) { 
alert(error); 
      } 
     }); 

на основе требуемого состояния, вы можете передать различный URL, чтобы загрузить другую HTML страницы внутри DIV!