脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → 解决ajax传过来的值后台接收不到

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

 更新时间：2018年08月07日 15:29:06   作者：Mr_EvanChen  
今天小编就为大家分享一篇解决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传过来的值后台接收不到的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Ajax工作原理及优缺点实例解析

    Ajax工作原理及优缺点实例解析

    这篇文章主要介绍了Ajax工作原理及优缺点实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • 解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

    解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题

    这篇文章主要介绍了ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题。需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • 如何解决Ajax的content-download时间过慢问题

    如何解决Ajax的content-download时间过慢问题

    这篇文章主要介绍了Ajax的content-download时间过慢问题的解决方法及思考过程，本文通过事件背景，过程分析，给大家介绍的非常详细，需要的朋友参考下吧
    2018-04-04
  • Ajax象棋演示和并提供代码下载

    Ajax象棋演示和并提供代码下载

    Ajax象棋提供，与asp.net结合
    2008-07-07
  • Ajax异步请求技术实例讲解

    Ajax异步请求技术实例讲解

    ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。下面通过本文给大家分享Ajax异步请求技术实例讲解，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
    2017-08-08
  • 纯JS实现AJAX局部刷新功能

    纯JS实现AJAX局部刷新功能

    下面给大家介绍JS实现AJAX局部刷新功能，通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。对ajax实现局部刷新功能感兴趣的朋友一起看看吧
    2017-02-02
  • js实现ajax分页完整实例

    js实现ajax分页完整实例

    这篇文章主要介绍了js实现ajax分页,以完整实例形式详细分析了ajax分页的具体步骤与实现技巧,代码备有详尽的注释便于理解,需要的朋友可以参考下
    2016-04-04
  • AJAX请求以及解决跨域问题详解

    AJAX请求以及解决跨域问题详解

    最近开始学习ajax,学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,下面这篇文章主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下
    2022-08-08
  • Ajax获得站点文件内容实例

    Ajax获得站点文件内容实例

    Ajax获得站点文件内容实例：选择一部著作，会通过 Ajax 实时获得相关的名字，具体实现如下，感兴趣的朋友可以参考下
    2013-09-09
  • 快速解决ajax返回值给外部函数的问题

    快速解决ajax返回值给外部函数的问题

    今天小编就为大家分享一篇快速解决ajax返回值给外部函数的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08

最新评论