点击详细信息，弹出一个层显示所有的信息，信息是从后台获取的

Question

页面是html,数据是用ajax调用Servlet获取的。

信息是分两部分，第一部分是会员信息，第二部分是会员报名的信息，在一个层上显示。

Answer 1

jquery load下内容到你的曾就好。。

DEMO，你的jsp只返回需要的html代码，不要连html，body标签那种一起返回了，要不可能页面会错乱

 <table id="tbUser">
<tr><td><a href="read.jsp?id=你的数据id" ajax="1">报名信息</a></td></tr>
.....其他的数据行
</table>
<style>
#layer{position:absolute;border:solid 1px #000;width:300px;height:200px;display:none;top:50%;left:50%;margin-left:-150px;margin-top:-100px}
</style>
<div id="layer"></div>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
    $(function () {
        $('#tbUser a[ajax]').click(function () {
            $('#layer').load(this.href, function () { $('#layer').show(); });
            return false;
        })
    });
    $(document).click(function (e) {
        if (e.target.id != 'layer' && !$.contains($('#layer')[0], e.target)) $('#layer').hide();
    });
</script>