framset 左边点击超链接执行servlet 如何在右边显示

图片说明

ruby <script type="text/javascript">
function a(){
$.ajax({
url:"../servlet/SelectStudesServlet",//servlet文件的名称
ruby type:"GET",
dataType:"json",
data: {name:'<%=str%>'}, //data是传给后台的字段，后台需要哪些就传入哪些
success:function(data){
var json = eval(data);

                var html = '';
                html = html + '<tr bgcolor="lightgreen">';
                html = html + '<th >文件名称</th>';
                html = html + '<th>上传日期</th>';
                html = html + '<th >px状态</th>';
                html = html + '<th>附件</th>';
                html = html + '</tr>';
            for ( var i = 0; i < data.length; i++) {//循环json对象，拼接tr,td的html
                html = html + '<tr bgcolor="lightblue">';
                var src='/phote/'+data[i].attach;
            //  alert(src);
                html = html + '<td  height=80 style="word-break:break-all; " width=300px>' + data[i].attach + '</td>';
                html = html + '<td  height=80 style="word-break:break-all; width: 200px" >' + data[i].day + '</td>';
                html = html + '<td height=80 style="word-break:break-all; " width=150px>' + data[i].studes + '</td>';
                html = html + '<td><img src='+"+src+"+'></td>';
                html = html + '</tr>';
            }
            $('#tr').html(html);//通过jquery方式获取table，并把tr,td的html输出到table中

}

    });
}



end

一般要应用到模版（.net叫母版），公共的部分需要独立文件，比如头部head.jsp,左边菜单为sidemenubar.jsp,底部为footer.jsp，提供个简单模版参考下，内容写到BEGIN CONTENT区域，

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page import="org.jasig.cas.client.authentication.AttributePrincipal" %>

<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>模版主页</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body >
    <%@ include file="header.jsp" %>
<!-- BEGIN CONTAINER -->
<div>
    <%@ include file="sidemenubar.jsp" %>
        <!-- BEGIN CONTENT -->
    <div >
        <div class="page-content">
        </div>
    </div>
    <!-- END CONTENT -->
</div>
<!-- END CONTAINER -->

    <%@ include file="footer.jsp" %>

</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>