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

秒速五厘米 2022-10-06 09:50 87阅读 0赞

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");

\});

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">

![tz.gif][]

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

项目搜索

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

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

action="/searchByYear">

<table> 
 <tbody> 
  <tr> 
   <td align="center">项目名称：</td> 
   <td align="left"> <p>name="itemname" type="text" id="itemname" size="20" /&gt;</p></td> 
   <td align="center">年份：</td> 
   <td align="left"><p>全部</p><p>2009</p><p>2010</p><p>2011</p><p>2012</p><p>2013</p><p>2008</p><p>2014</p><p>2015</p><p>2016</p><p>2017</p></td> 
   <td><p>name="searchBtn" value="搜索" /&gt;</p></td> 
  </tr> 
 </tbody> 
</table>

cellspacing="0">

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

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

![tz.gif][]

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' />页