ajax之前台和后台数据传输

Spring中ajax数据传输

由于项目需要用ajax提交数据,而不是form提交数据。因此我需要学习ajax,这也是我在开发小组做的最后一个东西,尽管由于暑假要去东软实训,这个ajax提交也没有做完,但对于数据的在前台和后台的传递是解决了。

如何把数据通过ajax从前台传到后台,在网上查询的方法都是通过“data:”把数据传到后台,但是后台“String endTime=request.getParameter("eTime");”时间的值是空,并不能得到值,最后只有通过“url:”传值到后台,如: url : "${base}/management/loginMonitor/loginCount/getJson.htm?eTime="+eTime+"& sTime="+sTime。开始时间和结束时间就能通过request得到。

那么如何把数据通过ajax从后台传递到前台,首先数据放在map里,如:map.put("listPeople", listPeople);map.put("listTime", listTime);在controller里的方法要加上“@ResponseBody”,前台就在ajax里的success函数里获得返回的值,如:

success: function (data) {
						 alert(data);
						 $("#listPeople",navTab.getCurrentPanel()).attr("value",data.listPeople);
						 $("#listTime",navTab.getCurrentPanel()).attr("value",data.listTime);
					}

虽然很简单,但是如何传值确实花了自己很多时间,主要对于规则还是很不清楚,当然自己还是在努力看《ajax安全手册》这本书。

前台代码:

$(".sub").click(function(){
				var eTime=$("#endTime").attr("value");
				var sTime=$("#startTime").attr("value");
				$.ajax({
					 type: "post",
					 contentType:"application/json",
					 async : false,
					 url : "${base}/management/loginMonitor/loginCount/getJson.htm?eTime="+eTime+"& sTime="+sTime,
					 success: function (data) {
						 alert(data);
						 $("#listPeople",navTab.getCurrentPanel()).attr("value",data.listPeople);
						 $("#listTime",navTab.getCurrentPanel()).attr("value",data.listTime);
					}
				});
		 });

后台代码:

@ResponseBody
	@RequestMapping("/getJson")
	public Map<String, Object> getJson(HttpServletRequest request) throws Exception {
		//显示相应的界面
		Map<String, Object> map=loginCountService.getRefreshMap(request);
		/*Set<Map.Entry<String, Object>> allSet=map.entrySet();

		 Iterator<Map.Entry<String, Object>> iter=allSet.iterator();
		 while(iter.hasNext()){
			 Map.Entry<String, Object> me=iter.next();
			 System.out.println("test"+me.getKey()+ " "+me.getValue());
		 }*/
		return map;
	}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-12-25 06:24:21

ajax之前台和后台数据传输的相关文章

.net使用Ajax在前台调用后台方法

/*--------前台JS代码-----------*/ var http_request; function GetAjaxObject(coaInfo) { //根据浏览器的不同来获取XMLHttpRequest对象 if (window.XMLHttpRequest) { // Mozilla, Safari, ... http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { // IE http_re

Javascript 中ajax实现前台向后台交互

第一种情况:前台传入字符串参数 后台返回json字符串.或是json数组  代码如下: 前台: $.ajax({ url: "xxx/xxx.action", data: "id=xxx", cache: false, async: false, success: function(result) { A:接收后台返回的数组 var data = eval(result); if (typeof(data) != "undefined" &

【ajax】-前台往后台传值

post方法: $.post('/CalculateScoreFrame/CalculateDevelopmentQuantityResult', { "checkyear": CheckYear, "targetID": targetID }, function () { $.messager.alert('提示', '录入情况已完成的指标计算成功,录入情况未完成的指标请完善数据!', 'info'); $("#dg").datagrid(&q

LigerUi-js中ajax前台调用后台Json格式转换!(已解决)

LigerUi-js中ajax前台调用后台Json格式转换!(已解决) success: function (data, status) { var aaa = JSON2.stringify(data); alert(aaa ); } LigerUi-js中ajax前台调用后台Json格式转换!(已解决),布布扣,bubuko.com

前台向后台传值的两种方法 以及 从后台获取数据的方法

1.前台向后台传值方法一: 表单提交的方式: 1 <form action="${path }/manage/logon.do" method="post" id="logonForm"> 2 <table cellpadding="0" cellspacing="0" border="0"> 3 <tr height="50">

jQuery ajax的前台代码编写

jQuery ajax的前台代码: <script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script><form name="form1" id="form1" action="ajax.php?action=1" method="post">  &

前台和后台互相传递多维数组

上一篇文章介绍了前台和后台相互传递数组的方法,从客户端传一维数组到服务器可以用jquery的ajax方法直接传递.但如果传递的是多维数组呢? 此时可以借用json的stringify()方法将字符串数组转换为json数组对象传递到后台,后台再使用JSONArray对象的fromObject()方法将其转换为数组即可. 示例: JS代码: $(function(){ var array1 = new Array(); array1.push("A"); array1.push("

浅谈webform开发时前台请求后台数据的方法

说到前台请求后台数据,我们一般都是用到AJAX(异步JavaScript和XML) .AJAX 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,我们可以对网页的某部分进行更新.在这里,主要浅谈一下在.net的webform开发时,前台请求后台的两种方式. 1.使用AjaxPro2.dll  (1)AjaxPro2.dll文件可以去网上下载,下载后引用到项目中. (2)引用到项目之后,在web.config里面的<system.web

如何使用ajax将json传入后台数据

首先采用jquery内部封装好的方法是比较简单的,我们只需做的就是修改里面的一些配置: 对$.ajax()的解析: $.ajax({ type: "POST", //提交方式 contentType: "application/json; charset=utf-8", //内容类型 dataType: "json", //类型 url: "前台地址/后台方法", //提交的页面,方法名 data: "paramet