我在设置一个在 div 框中显示结果的简单菜单时遇到困难:
我有一个包含 10 个链接的列表,这些链接链接到我的服务器上返回数据的 php 文件。 我希望这样当查看者单击其中一个链接时,php 文件中的数据将显示在屏幕上的 div 框中,然后当他单击另一个链接时,它将显示该 php 文件中的数据在 div 框中(替换之前的文本)。
我知道这很简单,但我无法让它发挥作用。我正在使用 jQuery,想知道你们是否有任何快速的解决方案。
谢谢!!
更新:我在 javascript 代码方面几乎失败了。但该框架的基本思想如下:
<div class="tabs">
<ul class="tabNavigation" style="float:left; padding:1px;">
<li><a href="#displayphpfile">Load phpfile1</a></li>
<li><a href="#displayphpfile">Load phpfile2</a></li>
<li><a href="#displayphpfile">Load phpfile3</a></li>
</ul>
<div id="displayphpfile">
<p>Load phpfile1</p>
</div>
</div>
最佳答案
jQuery 有一个特定的方法可以做到这一点:load()。
我会稍微改变一下你的例子,所以链接的hrefs指向php文件:
<div class="tabs">
<ul class="tabNavigation" style="float:left; padding:1px;">
<li><a href="phpfile1.php">Load phpfile1</a></li>
<li><a href="phpfile2.php">Load phpfile2</a></li>
<li><a href="phpfile3.php">Load phpfile3</a></li>
</ul>
<div id="displayphpfile">
<p>Load phpfile1</p>
</div>
</div>
那么代码就很简单了:
$(document).ready(function() {
$(".tabNavigation a").click(function() {
$("#displayphpfile").load($(this).attr("href"));
return false;
});
});
关于php - 简单的ajax onclick问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/963042/