?????? 最近公司来了几个新员工，让我给他们做一些培训。其中就包括Spring MVC。由于自己接触的也不多，所以也常常会碰到一些问题。现在把这些问题记录下来，以免以后遇到问题的时候又找不到解决办法。

?????? 由于我让他们做了一个简版的微博系统，也就出现了对听众的“取消”和“立即收听”的操作，而这一下操作必须使用ajax实现，才能保证页面的局部刷新效果。而这就涉及到了json数据的返回值问题。

说明：代码是在新员工编写的代码上进行修改的，有些地方可能会有些冗余，但是不影响效果，仅供参考。

操作步骤如下：

1、在项目中引入使用json需要的两个jar包：

jackson-core-lgpl-1.8.5.jar和jackson-mapper-asl-1.8.5.jar

2、在Controller的相应方法上加上@ResponseBody，该方法的返回值可以为POJO对象，也可以为Map。

使用Map的实现代码如下：

@RequestMapping(value = "/deleteListen",method = RequestMethod.POST)
	@ResponseBody
	public Map<String, String> deleteListen(HttpServletRequest request,String microblogid, String operatorType){
		User user = (User) request.getSession().getAttribute("user");
		String listenid = user.getMicroblogid();
		Map<String, String> map = new HashMap<String, String>();
		try{
			if("cancel".equals(operatorType)){// 取消操作
				// 从LISTEN表中删除
				listenService.deleteListen(listenid, microblogid);
				// 操作状态变为"立即收听"
				map.put("operatorState", "立即收听");
				// 收听状态变为""
				map.put("tuneState", "");
			}else{// 立即收听操作
				// 添加收听人到LISTEN表中
				listenService.save1Listen(listenid, microblogid);
				// 操作状态变为"取消"
				map.put("operatorState", "取消");
				// 被收听的人收听了当前用户
				if(listenService.isListen(microblogid, listenid)){
					// 收听状态变为"已互听"
					map.put("tuneState", "已互听");
				}else{
					// 收听状态变为"已收听"
					map.put("tuneState", "已收听");
				}
			}
			map.put("result", "success");
		}catch (Exception e) {
			map.put("result", "fail");
		}
		return map;
	}

?使用POJO类的代码如下：

?

@RequestMapping(value = "/deleteListen",method = RequestMethod.POST)
	@ResponseBody
	public Operator deleteListen(HttpServletRequest request,String microblogid, String operatorType){
		User user = (User) request.getSession().getAttribute("user");
		String listenid = user.getMicroblogid();
		Operator operator = new Operator();
		try{
			if("cancel".equals(operatorType)){// 取消操作
				// 从LISTEN表中删除
				listenService.deleteListen(listenid, microblogid);
				// 操作状态变为"立即收听"
				operator.setOperatorState("立即收听");
				// 收听状态变为""
				operator.setTuneState("");
			}else{// 立即收听操作
				// 添加收听人到LISTEN表中
				listenService.save1Listen(listenid, microblogid);
				// 操作状态变为"取消"
				operator.setOperatorState("取消");
				// 被收听的人收听了当前用户
				if(listenService.isListen(microblogid, listenid)){
					// 收听状态变为"已互听"
					operator.setTuneState("已互听");
				}else{
					// 收听状态变为"已收听"
					operator.setTuneState("已收听");
				}
			}
			operator.setResult("success");
		}catch (Exception e) {
			operator.setResult("fail");
		}
		return operator;
	}

?3、页面中ajax的调用方法如下：

?

function operator(obj, microblogid){
			var date = new Date();
			var operatorType = $(obj).text();
			if(operatorType == "取消"){
				operatorType = "cancel";
			}else{
				operatorType = "tune";
			}
			$.ajax({
				url: "<%=path%>/deleteListen",
				type : "post",
				dataType : "json",
				data : "microblogid=" + microblogid + "&operatorType=" + operatorType + "&date=" + date,
				success : function(result) {
					if(result.result == "success"){
						$(obj).text(result.operatorState);
						$(obj).parent().prev().find("a").text(result.tuneState);
					}else{
						alert("操作失败");
					}
				},
				error : function() {
					alert("访问失败");
				}
			});
		}

?页面部分的内容如下：

<c:forEach var="userandlisten" items="${tunelist}" varStatus="count"> 
  <tr>
    <td align="right"><a href="selectBroadcast?microblogid=${userandlisten.listenid }">${userandlisten.username}</a>&nbsp;&nbsp;</td>
    <td align="right" width="80">${userandlisten.remark}&nbsp;</td>
    <td align="left"><a href="remarkName?