解决ajax传过来的值后台接收不到的问题

问题描述：

在前端js里面写了一个ajax，前端alertx出来的是1或者1,2格式的数据，但是在后台取到的值一直都是null。

js代码如下：

function confirmCourseSystem(){
			var findAllTrainProgramNameId = $("#findAllTrainProgramNameId").val();
			if(findAllTrainProgramNameId==null || findAllTrainProgramNameId==""){
				window.alertx("请选择培训方案！");
				return false;
			}
			var courseSystemId = $('#CourseSystemList').val();
			alertx(courseSystemId);
			$.ajax({
				type: "POST",
				url: "${ctx}/teach/teachDistribute/getCourseSystemNameById",
				data: {
					"CourseSystemId": $('#CourseSystemList').val()
				},
				success:function(CourseSystemListName){
					$('#CourseSystemBody').html("");
					for(var i=0; i<CourseSystemListName.length; i++){
						$("#CourseSystemBody").append("<tr><td>"+CourseSystemListName[i] +"</td><td>课程体系</td><td>无</td></tr>");
					}
				},
				error:function(){
					alertx("error");
				}
			});
		}

后台代码如下：

//添加下发-确认选择，根据CourseSystemId获得CourseSystemName
	@ResponseBody
	@RequestMapping(value = "getCourseSystemNameById")
	public List<String> getCourseSystemNameById(@RequestParam(required = false) String CourseSystemId, HttpServletRequest request){
		logger.debug("==Evan==CourseSystemId: "+ CourseSystemId);
		logger.debug("==Evan==CourseSystemId2 :"+request.getParameter("CourseSystemId"));
		List<String> CourseSystemListName = new ArrayList<>();
		if(CourseSystemId==null || CourseSystemId.equals("")){
			CourseSystemListName = null;
		}else {
			String[] CourseSystemListId = CourseSystemId.split(",");
			for (String aCourseSystemListId : CourseSystemListId) {
				CourseSystemListName.add(resourceCoursesystemService.get(aCourseSystemListId).getCoursesystemName());
			}
		}
		return CourseSystemListName;
	}

问题原因：在使用浏览器查看之后发现数据格式是这样的，原因应该是前台传入值的类型不对：

解决办法：

修改前端传入值的类型，用toString方法即可。代码如下

	$.ajax({
				type: "POST",
				url: "${ctx}/teach/teachDistribute/getCourseSystemNameById",
				data: {
					"CourseSystemId": $('#CourseSystemList').val().toString()
				},
				success:function(CourseSystemListName){
					$('#CourseSystemBody').html("");
					for(var i=0; i<CourseSystemListName.length; i++){
						$("#CourseSystemBody").append("<tr><td>"+CourseSystemListName[i] +"</td><td>课程体系</td><td>无</td></tr>");
					}
				},
				error:function(){
					alertx("error");
				}
			});

以上这篇解决ajax传过来的值后台接收不到的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 解决ajax提交到后台数据成功但返回不走success而走的error问题

    下面是ajax代码和Controller层代码,期初以为是后台程序写错了. $("#sourcefile").ajaxSubmit({ type: "post", dataType: "json", // 'xml', 'script', or 'json' (expected server response type) url: "/springMVC/upload/up", success: function (resul

  • ajax请求后台接口数据与返回值处理js的实例讲解

    ajax的代码,用的是jquery的 ajax: $.ajax({ url: "/test.php",//后台提供的接口 type: "post", //请求方式是post data:{"type":"1", //这是你要传给后台的data值 "t":"c4552111" }, dataType: "json", //数据类型是json型 success: funct

  • 解决ajax请求后台,有时收不到返回值的问题

    昨天下午做项目遇到一个问题,贴出来方便以后翻阅,也给大家个参考. 问题: 具体做的是个文件导入的功能,导入的功能是成功了,但是界面一直得不到返回值,排查了一下午,调试的时候是可以有返回的,但是关掉浏览器调试界面,却得不到返回结果. 原因: 一直以为是我后台程序有问题,晚上回到家才想起来ajax的问题,把ajax的异步处理改为同步,就出来效果了,具体的原因请看下文详解. jquery中ajax方法有个属性async用于控制同步和异步,默认是true,即ajax请求默认是异步请求,有时项目中会用到A

  • 解决ajax传过来的值后台接收不到的问题

    问题描述: 在前端js里面写了一个ajax,前端alertx出来的是1或者1,2格式的数据,但是在后台取到的值一直都是null. js代码如下: function confirmCourseSystem(){ var findAllTrainProgramNameId = $("#findAllTrainProgramNameId").val(); if(findAllTrainProgramNameId==null || findAllTrainProgramNameId==&quo

  • 解决ajax的delete、put方法接收不到参数的问题方法

    通过修改配置文件来实现Put和Delete请求的参数传递的问题 在web.xml中添加如下代码: <filter> <filter-name>HttpMethodFilter</filter-name> <filter-class>org.springframework.web.filter.HttpPutFormContentFilter</filter-class> </filter> <filter-mapping>

  • $.ajax传JSON数据到后台出现报错问题解决

    复制代码 代码如下: $.ajax({ url: "../Services.ashx", type: "POST", //data: { 'data': { 'typename': JSON.stringify(typename) }, 'operationType': '2' }, data: { 'data': typename, 'operationType': '2','nowheight':nowheight,'nowarea':nowarea }, su

  • $.ajax传JSON数据到后台的注意事项小结

    复制代码 代码如下: $.ajax({ url: "../Services.ashx", type: "POST", //data: { 'data': { 'typename': JSON.stringify(typename) }, 'operationType': '2' }, data: { 'data': typename, 'operationType': '2','nowheight':nowheight,'nowarea':nowarea }, su

  • 解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

    解决angular的$http.post()提交数据时后台接收不到参数值问题的方法

    写此文的背景:在学习使用angular的$http.post()提交数据时,后台接收不到参数值,于是查阅了相关资料,寻找解决办法. 写此文的目的:通过上面提到的文章中的解决之道,结合自己的经验,总结了如下发现. 前端:html,jquery,angular 后端:java,springmvc 一.平常使用的post提交和接收方式 前端使用jquery提交数据. $.ajax({ url:'/carlt/loginForm', method: 'POST', data:{"name":&

  • 快速解决angularJS中用post方法时后台拿不到值的问题

    用angularJS中的$http服务碰到了一个问题:运用$http.post方法向后台传递数据时,后台的php页面获取不到data参数传过来的值. 不论是这种姿势: $http.post( "1.php", { id: 1 }).success(function (data) { console.log(data); }); 还是这种姿势: $http({ method: 'POST', url: '1.php', data: { id: 1 } }).success(functio

  • 解决Ajax方式上传文件报错"Uncaught TypeError: Illegal invocation"

    今天使用ajax上传文件时,出现了错误.数据传输的方式是通过定义formData完成的,提交的文件对象也设置为dom对象,但是还是不能发送请求.F12看到后台报了个错误:Uncaught TypeError: Illegal invocation,百度了一下,找到了解决方法. 解决方法:在ajax请求的参数中添加如下两个参数: $.ajax({ ..., processData: false, contentType: false, ... }); processData 类型:Boolean

  • js前端传json后台接收‘‘被转为quot的问题解决

    一.产生原因 前端传json格式数据,后台接收却发现有一堆& quot;,但是如果后台接收参数用@RequestBody注解,则不会出现这个问题,出现这一问题的原因就是后台没有按照json格式去接收参数,按照json接收参数的前提是请求头 参数Content-Type:application/json,如此一来,后台框架才知道如何去处理参数,但有时候遇到的需求无法这么写,例如发送下载请求:         json格式参数最常见的是发送ajax请求,但是ajax无法触发浏览器下载机制,故不支持下

  • Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）

    最近在公司做资源及文章上传功能遇到一个小问题,被坑了好半天. 该功能就类似利用富文本编辑器发布信息,但是用Ajax提交数据,因此提交参数值中不可避免的含有html标签. 在本地运行代码一直没问题,总是可以提交成功,但是代码部署到线上就不能成功提交数据了,被坑了好久,找了好半天才找到问题所在. 提交不成功的原因是因为我的提交数据中含有html标签,然后直接无法请求到我的目标地址.     然后解决办法如下: 1.在页面用JS的Base64编码(类似加密)带有html标签的参数值. 2.在目标地址获

随机推荐