php - 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 结构化数据。

Answer 2

如果您使用 javascript，则非常简单。

1. 使用标准 html 创建 2 个面板
2. 将菜单添加到面板 1。

3. 在菜单项上设置 onclick 事件并使用 javascript 在面板 2 中使用 ajax 加载内容。例如（jquery、$('#divid').html(newcontent) 等）。

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

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