使用 JavaScript 和 PHP 動態加載 HTML

Question

我有以下代碼：

 <?php
 
 if ($x == 1){

 ?>
   <b>Some html...</b>
   <?php
             }
    else if ($x==2){ ?>

<b> Other html...</b>
<?php
}
?>

現在我想在下面有兩個鏈接（ a href ）並以某種方式傳遞變量$x （所以 Link1 傳遞x=1並且 Link2 傳遞x=2 ）以便從 if 語句加載相關的代碼位。 我知道我可以使用表單傳遞$x ，然后測試它的值並加載需要一些代碼，但我想順利完成，而無需重新加載頁面。 我認為 jQuery 可以幫助它，但我不知道該怎么做。 任何想法都非常感謝。

Answer 1

暫時忘記 PHP，您正在尋找 jQuery 的.load() ：

<div id="container"></div>
<a href="javascript:void(0);" onclick="loadContent(1);">Load 1</a>
<a href="javascript:void(0);" onclick="loadContent(2);">Load 2</a>

<script type="text/javascript">
loadContent = function(content){
   $('#container').load(content + '.html');
}
</script>

上面的代碼（未測試，但至少接近）將1.html或2.html （在服務器上）的內容插入到id="container"的 div 中。

有很多教程，例如 pygorex1' 答案中鏈接的教程，涵蓋了執行此操作的各種方法。

Answer 2

您正在尋找的是AJAX - 在 Javascript 中使用后台 HTTP 請求加載服務器內容的能力。 這是我發現對使用 JQuery 實現 AJAX 很有用的教程：

http://articles.sitepoint.com/article/ajax-jquery