Spring MVC框架中使用AJAX

依赖jar包

fastjson

非复杂数据类型的处理（用户名是否存在验证）：

Controller编写处理方法：

	/**
	 * AJAX判断用户名是否存在
	 * @param userCode
	 * @return
	 */
	@RequestMapping(value="userCodeExit",method=RequestMethod.GET)
	@ResponseBody//将此方法的返回结果直接写入HTTP ResponseBody（Response对象的body数据区）中，也就是响应流中
	public Object userCodeExit(@RequestParam String userCode){
		HashMap<String, String> result=new HashMap<String, String>();
		if(StringUtils.isNullOrEmpty(userCode)){
			result.put("userCode", "exist");
		}else{
			try {
				if(userService.findUserByUserCodePassword(userCode, null)!=null){
					result.put("userCode", "exist");
				}else{
					result.put("userCode", "noexist");
				}
			} catch (Exception e) {
				e.printStackTrace();
			}
		}
		return JSONArray.toJSONString(result);
	}

js编写：

	/*
	 * 验证
	 * 失焦\获焦
	 * jquery的方法传递
	 */
	userCode.bind("blur",function(){
		//ajax后台验证--userCode是否已存在
		//user.do?method=ucexist&userCode=**
		$.ajax({
			type:"GET",//请求类型
			url:path+"/userController/userCodeExit",//请求的url
			data:{userCode:userCode.val()},//请求参数
			dataType:"json",//ajax接口（请求url）返回的数据类型
			success:function(data){//data：返回数据（json对象）
				if(data.userCode == "exist"){//账号已存在，错误提示
					validateTip(userCode.next(),{"color":"red"},imgNo+ " 该用户账号已存在",false);
				}else{//账号可用，正确提示
					validateTip(userCode.next(),{"color":"green"},imgYes+" 该账号可以使用",true);
				}
			},
			error:function(data){//当访问时候，404，500 等非200的错误状态码
				validateTip(userCode.next(),{"color":"red"},imgNo+" 您访问的页面不存在",false);
			}
		});
		
		
	}).bind("focus",function(){
		//显示友情提示
		validateTip(userCode.next(),{"color":"#666666"},"* 用户编码是您登录系统的账号",false);
	}).focus();
	
	userName.bind("focus",function(){
		validateTip(userName.next(),{"color":"#666666"},"* 用户名长度必须是大于1小于10的字符",false);
	}).bind("blur",function(){
		if(userName.val() != null && userName.val().length > 1
				&& userName.val().length < 10){
			validateTip(userName.next(),{"color":"green"},imgYes,true);
		}else{
			validateTip(userName.next(),{"color":"red"},imgNo+" 用户名输入的不符合规范，请重新输入",false);
		}
		
	});