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

来源：互联网发布：单片机编程用什么软件编辑：程序博客网时间：2024/06/06 07:18

在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 onclick="bookFun('right_book.jsp')">图书信息维护</a></li><li><a onclick="publishFun('right_publish.jsp')">出版单位维护</a></li><li><a onclick="classFun('right_class.jsp')">书籍类别维护</a></li><li><a onclick="authorFun('right_author.jsp')">作者信息维护</a></li></ul>

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

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

1 0