网站后台的布局 实现无刷新

Question

做一个网站后台的布局(pc端) 实现点击左边树形菜单 右边内容实现无刷新实现 求大神给思路 （老大说不让用iframe） 求大家说说怎样实现 尽量多给几种方法 小弟在此多谢了

Answer 1

ajax异步请求，页面js实现数据填写

Answer 2

例子：ajax 请求<?php
if(isset($_GET['ajax']) && $_GET['ajax']=1){
if($_POST['id']==1){
$content='栏目一';
}elseif($_POST['id']==2){
$content='栏目二';
}
$return['status']=1;
$return['content']=$content;
echo json_encode($return);
exit();
}
?><SCRIPT LANGUAGE="JavaScript" src="jquery.min.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function column(id){
$.ajax({
type:'post',
url:'xx.php?ajax=1',
data:{id:id},
dataType:'html',
success:function(res){
res=eval("("+res+")");
if(res['status']==1){
$('.content').html(res['content']);
}
}
});
}
</SCRIPT>
<div>
<ul>
<li><a href="javascript:;" onclick="column(1);">栏目一</a></li>
<li><a href="javascript:;" onclick="column(2);">栏目二</a></li>
</ul>
</div>
<div class="content" style="background-color:#c1c1c1;width:100px;height:100px;">
栏目一
</div>

Answer 3

你先用 iframe 将右边写好，将整个页面调试无误
然后将 iframe 改成 div 设置 id 比如 id='right'
引入 jquery.js，并在页面加入
<script>
$(function() {
  $('a').click(function() {
    $('#right').load(this.href);
    return false;
  }
})
</script>
这样就可以了，不需要任何新增知识，只要会抄就行

Answer 4

ajax即可实现。

Answer 5

ajax可以