简单的ajax onclick问题

我在设置一个在div框上显示结果的简单菜单时遇到了困难：

我有一个10个链接的列表，链接到我的服务器上返回数据的PHP文件。 我希望这样当观众点击其中一个链接时，来自php文件的数据将显示在屏幕上的div框中，然后当他点击另一个链接时，它将显示来自该php文件的数据在div框中（替换以前的文本）。

我知道这很简单，但我无法让它发挥作用。 我正在使用jQuery，想知道你们是否有任何快速解决方案。

谢谢！！

更新：我几乎失败了javascript代码。 但这是框架的基本思想：

 
 
Load phpfile1
 
Load phpfile2
 
Load phpfile3
 
 
 
Load phpfile1
 
  

Answer 1

jQuery有一个特定的方法：load（）。

我会改变你的例子，所以链接的hrefs指向php文件：

 
 
 
Load phpfile1
 
Load phpfile2
 
Load phpfile3
 
 
 
Load phpfile1
 
  

然后代码很简单：

 $(document).ready(function() { $(".tabNavigation a").click(function() { $("#displayphpfile").load($(this).attr("href")); return false; }); }); 

Answer 2

我没有测试过这个，但这是否接近你想要的？

  
 
Foo
 
Bar 
Baz
 
 
 

Answer 3

Bipedal Shark在点击元素中调用document.ready！

它应该是：

但是加载方法代码更清晰。