如何用ajax刷新jsp页面
比如说有个页面是index.jsp,是由top.jsp+left.jsp+middle.jsp+right.jsp用include标签组成,我想问的是在top.jsp里有...
比如说有个页面是index.jsp,是由top.jsp+left.jsp+middle.jsp+right.jsp 用include标签组成,我想问的是在top.jsp里有不同选项,跳转时只替换middle.jsp,其他页面保持原来状态,可以用ajax实现吗?新手有代码就更好了,谢谢!!!
展开
2个回答
展开全部
你可以用个div来装载 middle.jsp 使用jquery 实现
$("#标签ID").load("url" "页面标签ID");
如;
index.jsp 部分代码
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#top").load('top.html' );
$("#content").load('content.html' );
$("#hidden").load('hidden.html' );
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 头部 -->
<div id="top" ></div>
<!-- 正文 -->
<div id="content"></div>
<!-- 底部 -->
<div id="hidden"></div>
</body>
你可以写个事件 更改 这些div里的内容 使用 load 方法,可以实现 iframe的功能
$("#标签ID").load("url" "页面标签ID");
如;
index.jsp 部分代码
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#top").load('top.html' );
$("#content").load('content.html' );
$("#hidden").load('hidden.html' );
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 头部 -->
<div id="top" ></div>
<!-- 正文 -->
<div id="content"></div>
<!-- 底部 -->
<div id="hidden"></div>
</body>
你可以写个事件 更改 这些div里的内容 使用 load 方法,可以实现 iframe的功能
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询