Question

div+css框架下如何实现页面的部分刷新？ 利用ajax 不用iframe

页面布局为左侧导航栏，右侧显示内容；实现效果为点击左侧导航菜单项，右侧显示不同页面内容。请详细叙述一下。

Answer 1

1、利用jQuery+ajax到后台进行逻辑操作

2、将逻辑操作后的结果进行返回

$(function(){
    $.ajax({
        url : "给出url地址",
        type : "post",
        dataType : "json",
        data : {"要传的值的变量名称":要穿的值得实际值},
        success : function(data) {
            // 将data进行解析，然后进行叶面的逻辑操作即可;
        }
    });
});

// Java后台操作（这里就讲到Java后台进行ajax处理）
// public String ajaxMethod()
{    
    // 进行逻辑操作，很多时候都是操作一个list，封装成json，然后返回字符串
    return SUCCESS;
}

<-- 其实这里应该在Java上面进行配置,一般是struts.xml里面进行配置返回的json操作 -->
<action name="名称" class="对应的操作的Action类" method="方法名">
    <result type="json">
        <param name="root">json</param>
    </result>
</action>

这样的一个流程其实就可以进行异步操作了。其余的再进行完善吧。

Answer 2

用ajax，直接向右边的div里添加显示内容，document.getElementById("").inHTML("从后台组装的jsp页面内容");这样就可以了，如果想简单点直接用jquery里封装的ajax来做，还有问题的话，直接去我的空间问

Answer 3

我知道你要的是什么效果！ 点击不通节点，显示不同div里的内容，其他div影藏，这只是显示影藏的问题！ QQ：77024215

Answer 4

<a href=”javaScript:void(0)” OnClick=”XFunc();” …>XXXX</a>

在function函数里设置右边显示。

Answer 5

有两种思路：
1、利用JS，通过显示和隐藏Div的方法作到。当点了A链接，ADiv显示，其它的都隐藏；不过占用空间会很大，一次页面会把所有的都显示出来；
2、
<script type="text/javascript">
$(document).ready(function(){
$.get("index.jsp",function(data){
$("#content").html(data);
alert(data);
});
})
</script>