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>
通过