在jsp中动态的改变include静态引入的页面

在index.jsp页面中引入多个页面,其中需要根据点击不同的地方,改变id=content_right的div中引入的界面,但是不希望刷新整个页面.可以利用js在前端动态改变div里面的内容.

index.jsp

	<%@ include file="index_top.jsp"%>
	<div id="content">
		<%@ include file="index_table_sort.jsp"%>
		<div id="content_right">
			<%@ include file="right_index.jsp"%>
		</div>
	</div>

index_table_sort.jsp

<ul>
	<li><a οnclick="bookFun('right_book.jsp')">图书信息维护</a></li>
	<li><a οnclick="publishFun('right_publish.jsp')">出版单位维护</a></li>
	<li><a οnclick="classFun('right_class.jsp')">书籍类别维护</a></li>
	<li><a οnclick="authorFun('right_author.jsp')">作者信息维护</a></li>
</ul>

js

function loadView(name){
	$("#content_right").empty();
	$("#content_right").load(name);
}
function publishFun(name){
	loadView(name);
}

动态改变引入文件后,可以用js函数自执行,利用ajax局部刷新该页面.