使用AJAX获取后台数据展示在模态框中

最新推荐文章于 2024-09-06 14:48:16 发布

zariozhang

最新推荐文章于 2024-09-06 14:48:16 发布

阅读量8.2k

点赞数 3

分类专栏： javaweb进阶学习-三大框架文章标签： ajax 模态框

本文链接：https://blog.csdn.net/zariozhang/article/details/80181724

版权

javaweb进阶学习-三大框架专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、传递参数 <s:a href="javascript:void(0)" οnclick='show("%{#pro.ProID}")'>

2、ajax

// 			/***ajax实现将表单数据填充到模态窗口中*/
			function queryPro(id) {
				$.ajax({
					url : "/TA/pro_viewUpdate.action",
					async : true,
					type : "GET",
					data : {
						"type" : "query",
						"id" : id
					},
					// 成功后开启模态框
					success : showQuery,
					error : function() {
						alert("请求失败");
					},
					dataType : "json"
				});

			}

			function showQuery(data) {
				$("#ProID").val(data.proID);
				$("#ProName").val(data.proName);
				$("#ProCode").val(data.proCode);
				$("#ChannelName").val(data.channelName);
				$("#Income").val(data.income);
				$("#UnitVal").val(data.unitVal);
				$("#DivMethod").val(data.divMethod);
				$("#BusCode").val(0);
				$("#ProStatus").val(0);
				$("#trans").val(data.allShare);
				$("#modal-form-pur").modal('show');
			}

3、后台代码

public void viewUpdate() {

		String id = ServletActionContext.getRequest().getParameter("id");
		Divide divide = divideService.findById(id);
		Date date = divide.getBonusDay();
		String  time = date.toString();
		ServletActionContext.getRequest().setAttribute("time", time);
		request.put("time", time);
		HttpServletResponse response = ServletActionContext.getResponse();
		response.setContentType("text/html;charset=utf-8");
		try {
			response.getWriter().write(
					JSONArray.fromObject(divide).get(0).toString());
			System.out.println(JSONArray.fromObject(divide).get(0).toString());
		} catch (IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}

ajax和后台传递数据的参数是json类型的数据，前台ajax代码中的data就是从后台获取到的数据，不能缺少这个参数