ITKeyword,专注技术干货聚合推荐

注册 | 登录

jequry 中ajax 的使用,在java web 项目中spring框架

zhangbest2009 分享于 2012-11-14

推荐:JAVA_WEB项目之使用Spring的xml配置方式在项目中管理Lucene检索框架

Lucene检索在web项目开发中也许会成为一个需求,我们可以把Lucene单独我作为插件到项目中的单独的包下进行开发和管理: 下面是个人学习项目开发中写的代码,也许

2020腾讯云共同战“疫”,助力复工(优惠前所未有!4核8G,5M带宽 1684元/3年),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1054

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods


前台jsp中:

<script type="text/javascript"
	src="${basePath}/media/js/jquery1.6.3/jquery-1.6.3.js"></script>

<script type="text/javascript">
	$(function() {
		$("#load").hide();

		$('#addBtn').click(
				function() {
					if ($.trim($('#username').val()).length == ""
							|| $.trim($('#username').val()).length < 6) {
						alert("姓名不能为空或不足6个字符!");
						return;
					}

					if ($.trim($('#upassword').val()).length == ""
							|| $.trim($('#upassword').val()).length < 6) {
						alert("密码不能为空或不足6个字符!");
						return;
					}
					$.ajax({
						type : "POST",
						url : "${basePath}/user/userManger.htm",
						data : {
							username : $('#username').val(),
							upassword : $('#upassword').val(),
							managerflag : $('#managerflag').val()
						},
						dataType : "text",
						success : function(data, textStatus) {
							if (textStatus == "success") {
								alert("添加成功!");
							} else {
								alert("添加失败!");
							}
						}
					});
				});

		$('#queryBtn').click(function() {
			$("#load").show();
			$.ajax({
				type : "POST",
				url : "${basePath}/user/queryUser.htm",
				data : {
					username : $('#username').val(),
					managerflag : $('#managerflag').val()
				},
				dataType : "json",
				complete : function() {
					$("#load").hide();
				},//AJAX请求完成时隐藏loading提示
				success : function(data) {//这里的data是由请求页面返回的数据     
					//alert("查询成功");
					clearTable();
					showQueryResult(data);
				},
				error : function(XMLHttpRequest, textStatus, errorThrown) {
					$("#show").html("error");
				}
			});
		});

		//结果显示页面
		function showQueryResult(data) {
			var str = "";
			$(data)
					.each(
							function(i, item) {
								str += "<tr>";
								str += "<td>" + item.userid + "</td>";
								str += "<td>" + item.username + "</td>";
								str += "<td>" + item.ip + "</td>";
								str += "<td>" + item.lastlogintime + "</td>";
								str += "<td>" + item.managerflag + "</td>";
								str += "<td><a href='${basePath}/user/deluser.htm?uid=${user.userid }'>删除</a></td>";

								str += "</tr>";
							});
			//$("#show").html(str);
			$("table tbody").html(str);
		}

		//清除数据
		function clearTable() {
			$("table tbody").html("");
		}

	});
</script>


后台:

推荐:java web 开发组件 vs 框架spring大总结

1、表现层组件:主要负责收集用户输入数据,或者向客户显示系统状态。常用的表现层技术有JSP、Velocity、FreeMaker和Tapestry等,或者使用普通的应用程序充当表

@RequestMapping(value = "/queryUser")
	public void userMangerView(HttpServletRequest request,
			HttpServletResponse response) throws IOException {
		System.out.println(Constant.getNowTime() + "\t"
				+ this.getClass().toString() + " /user/queryUser");

		String username = request.getParameter("username");
		String managerflag = request.getParameter("managerflag");

		System.out.println("username:" + username);
		System.out.println("managerflag:" + managerflag);
		String sqlWhere = "";
		if (username != null && username.trim() != "") {
			sqlWhere += " and username like '%" + username + "%' ";
		}

		if (managerflag != null && managerflag.trim() != "") {
			sqlWhere += " and managerflag='" + managerflag + "' ";
		}
		List<Orauser> userlist = orauserService.queryListByCondition(sqlWhere);
		Constant.sentDataToPageAjax(userlist, response);
	}

	@RequestMapping(value = "/userManger", method = RequestMethod.POST)
	public ModelAndView userMangerPostView(HttpServletRequest request,
			HttpServletResponse response) throws IOException {
		System.out.println(Constant.getNowTime() + "\t"
				+ this.getClass().toString() + " /user/userManger post");
		ModelAndView mv = new ModelAndView("/user/userManger");
		String username = request.getParameter("username");
		String upassword = request.getParameter("upassword");
		String managerflag = request.getParameter("managerflag");

		Orauser orauser = new Orauser();
		orauser.setIp(Constant.getLocalhostIP());
		orauser.setLastlogintime(Constant.getNowTime());
		orauser.setManagerflag(managerflag);
		orauser.setUpassword(upassword);
		orauser.setUserid(Constant.getCommonID(""));
		orauser.setUsername(username);
		orauserService.add(orauser);
		return mv;
	}


Constant.sentDataToPageAjax(userlist, response)方法:

 

/**
	 * 将list 类型转换成json格式返回页面
	 * @param list
	 * @param response
	 */
	public static void sentDataToPageAjax(List list,HttpServletResponse response){
		PrintWriter out;
		try {
			out = response.getWriter();
			JSONArray jsonArray = JSONArray.fromObject(list);
			out.write(jsonArray.toString());
			System.out.println("sentDataToPageAjax() jsonArray.toString()>>=="+jsonArray.toString());
			out.flush();
			out.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

推荐:Java语言介绍(04)开源项目(02)Web框架(01)Spring

Spring 是一个解决了许多在J2EE开发中常见的问题的强大框架。 Spring提供了管理业务对象的一致方法并且鼓励了注入对接口编程而不是对类编程的良好习惯。Spring的

前台jsp中: <script type="text/javascript" src="${basePath}/media/js/jquery1.6.3/jquery-1.6.3.js"></script><script type="text/javascript"> $(function() { $("#load").hide

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。