ajax拆分面板示例

Question

任何人都可以提出一个很好的教程或ajax/php拆分面板框架。这个想法是创建2个面板，在面板1有一个菜单，当点击时打开面板2中的内容。我花了很多年试图找到谷歌的例子，但没有运气。谢谢。

Answer 1

例： 你有两个<div>的id为的DIV1和DIV2。

div1包含菜单<li> -objects。第一个具有ID MENU1

$("#menu1").click(function() { 
    $.get('your/path_to_php.php', function(data) { 
     $("#div2").html(data); 
    }); 
}); 

这是OFC，如果path_to_php.php文件返回html的sctructured数据。

Answer 2

如果您使用JavaScript，它是非常简单的。

1. 创建2块板使用标准的HTML
2. 添加菜单面板1.

3. 设置的onclick上的菜单项，并在面板2用ajax使用JavaScript加载内容的事件。例如（jquery，$（'＃divid'）。html（newcontent）等）。

   $('#panel1').click(function(){ 
   $('#panel2').text('new content!'); 
   });​ 
   

   http://jsfiddle.net/harendra/JQY9S/