使用 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