ajax数据字符串拼接,ajax请求到后台数据，前台不用拼接字符串，一样显示到页面(示例代码)...

简介这篇文章主要介绍了ajax请求到后台数据，前台不用拼接字符串，一样显示到页面(示例代码)以及相关的经验技巧，文章约20432字，浏览量334，点赞数7，值得推荐！

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){

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

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

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

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

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

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

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

/*复制模板表格，并插入到指定位置*/

$("#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‘ />页