Java拼接html表格_ajax请求得到后台数据，前台页面不用拼接 “字符串和HTML表格标签”，使用方便模板然后clone，显示表格...

pageEncoding="utf-8"%>

String path = request.getContextPath();

String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()

+ path + "/";

%>

无标题文档

$(document).ready(function() {

//搜索按钮(全部搜索和按条件搜索)

$("#searchBtn").click(function(){

var itemname = $("#itemname").val();

var year = $("#year option :selected ").val();

//当输入框为空，年份没选择，就为搜索全部数据

if(itemname =="" && year == undefined){

$.get("/searchAll",

function(data){

$.each(data.tasklist ,function(i,obj){

/* 获取数据，添加给模板表格 */

$("#temp_table #temp_tr #id").text(obj.id);

$("#temp_table #temp_tr #name").text(obj.name);

$("#temp_table #temp_tr #type").text(obj.type);

$("#temp_table #temp_tr #cost").text(obj.cost);

$("#temp_table #temp_tr #state").text(obj.state);

$("#temp_table #temp_tr #date").text(obj.date);

/*复制模板表格，并插入到指定位置,参数true,表示CSS和事件也克隆 */

$("#temp_table #temp_tr").clone(true).insertAfter("#is_header");

});

});

}

});

});

aa

bb

cc

dd

ff

ee

cellpadding="0" cellspacing="0" style="margin-bottom: 4px;">

src="Picture/r.gif" width="16" height="16" />

张宇(学院申报者):你好！欢迎光临，您上次登录时间是：2015-09-20

23:15:15

cellspacing="0">

src="Picture/b1.jpg" width="10" height="26" />

border="0" align="left" cellpadding="0" cellspacing="0">

width="10" height="16" />

项目搜索

src="Picture/b3.jpg" width="9" height="26" />

cellspacing="1" bgcolor="#AEDEF4">

action="/searchByYear">

项目名称：

name="itemname" type="text" id="itemname" size="20" />

年份：

全部 2009 2010 2011 2012 2013 2008 2014 2015 2016 2017

name="searchBtn" value="搜索" />

cellspacing="0">

src="Picture/b1.jpg" width="10" height="26" />

border="0" align="left" cellpadding="0" cellspacing="0">

width="10" height="16" />

项目列表

src="Picture/b3.jpg" width="9" height="26" />

cellpadding="3" cellspacing="1" bgcolor="#AEDEF4"

style="border: 1px solid #AEDEF4">

ID项目名称项目类型申请经费提交时间状态管理操作  首页

上一页 下一页

尾页   转到第 

id='jumpSelect' type='text' size='2' value='1' />页