首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

ajax局部刷新,该如何解决

2013-06-25 
ajax局部刷新我想做个页面,实现人人网一样的,点击左侧菜单栏,只有中间刷新这个难吗?[解决办法]没有ajax基

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>


通过

热点排行