读书人

ajax局部刷新,该如何解决

发布时间: 2013-06-25 23:45:42 作者: rapoo

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>


通过

读书人网 >Ajax

热点推荐