日期:2014-05-16  浏览次数:20821 次

ajax局部刷新
我想做个页面,实现人人网一样的,点击左侧菜单栏,只有中间刷新
这个难吗?

------解决方案--------------------
没有ajax基础下面是最简单的实现方法
<a href="http://www.coding123.net/" target="ifr">coding</a>
<a href="http://bbs.csdn.net/" target="ifr">csdn</a>
<iframe name="ifr"></iframe>

------解决方案--------------------
<div id='left'>leftContent</div>
<div id='middle'>

<iframe id="ifr" name="ifr"></iframe>

</div>

<div id='right'>
  <a href="javascript:void(0)" onclick="xxx(this.parentElement)">coding</a> 
</div>

<script>
function xxx(element){

  //通过Ajax,在回调函数callbackXxx里处理,控制局部数据变化   -1-
  $.ajax({
  type: 'POST',
  url: "xx.action" ,
  data: 'data=' + element.value,
  success: callbackXxx
 });
  
  if(element.value = "xxx1"){
    //ifame重新指向一个地址  -2-
    window.frames['ifr'].location= "...........";
  }

  if(...){
   //改变div里的页面内容 -3-
   document.getELementById("middle").innerHTML = "...........";

  }
}

 function callbackXxx(data){
  
 }
</script>


通过