AJAX加載頁面

Question

我有一個頁面已包含HTML，PHP和JavaScript，我也有另一個非常相似但使用不同變量的頁面;一頁將用戶的家鄉地圖映射到地圖，另一頁將用戶位置映射到地圖。我曾嘗試將這兩者作爲HTML中的常規鏈接進行簡單鏈接，但因爲它位於Facebook畫布上，所以當我嘗試轉到其他頁面時，出現有關URL的錯誤，因此我正在尋找使用AJAX加載頁面。我知道如何使用AJAX替換div內容，但我似乎無法找到加載整個頁面的任何內容，但我需要這樣做，因爲2個不同的頁面在PHP中具有不同的變量。

會有更好的方法來做到這一點，或者有沒有簡單的方法？我從來沒有真正使用AJAX，所以我真的不知道如何去做這件事，我想我可以在一個文件中包含變量和PHP調用，但我想這將需要相當長的時間，代碼會變得相當混亂。

Answer 1

您可以使用下面的代碼加載一個div裏面的html頁面

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

根據要求的條件，你可以通過不同的URL來加載一個div內不同的HTML頁面！