1、返回一個鍵值對或者集合

前端JS請求：

 //返回值為map的形式
		$(".name").blur(function(){
		 	$.ajax({
			type:"Post",//請求型別
			url:"/mvc-demo/user/nameProving?t="+new Date().getTime(),//請求的url
			data:{name:$(".name").val()},//請求引數
			dataType:"json",//ajax介面（請求url）返回的資料型別
			success:function(data){//data：返回資料（json物件）
				if(data.name == "empty"){//name為空，錯誤提示
					$(".errorFont").text("使用者名稱為不能為空！");
					$(".errorFont").css("color","red");
				}else if(data.name == "exist"){
					$(".errorFont").text("使用者名稱已註冊");
					$(".errorFont").css("color","green");
				}else if(data.name == "noexist"){
					$(".errorFont").text("使用者名稱未註冊");
					$(".errorFont").css("color","red");
				}
			},
			error:function(data){
				$(".errorFont").text("發生未知錯誤，請聯絡管理員！");
				$(".errorFont").css("color","red");
			}
		});
		});
 

後端邏輯處理：

//驗證使用者是否存在,返回一個鍵值對的資料
	@RequestMapping("/nameProving")	
	@ResponseBody
	public Object nameProving(String name){
		HashMap<String,String> resultMap=new HashMap<String,String>();
		if(StringUtils.isEmpty(name)){
			resultMap.put("name", "empty");
		}else{
			Userss user=userService.getUserByName(name);
			if(user!=null)
				resultMap.put("name", "exist");
			else
				resultMap.put("name", "noexist");
		}
		return JSONArray.toJSONString(resultMap);
	}
 

2、返回一個JSON格式的String字串

前端js請求：

            //返回值為String的形式,dataType:"json"
		    $(".name").blur(function(){
		 	$.ajax({
			type:"Post",//請求型別
			url:"/mvc-demo/user/nameProving2?t="+new Date().getTime(),//請求的url
			data:{name:$(".name").val()},//請求引數
			dataType:"json",//ajax介面（請求url）返回的資料型別
			success:function(data){//data：返回資料（json物件）
				if(data ==  "empty"){//name為空，錯誤提示
					$(".errorFont").text("使用者名稱為不能為空2！");
					$(".errorFont").css("color","red");
				}else if(data==  "exist"){
					$(".errorFont").text("使用者名稱已註冊2");
					$(".errorFont").css("color","green");
				}else if(data == "noexist"){
					$(".errorFont").text("使用者名稱未註冊2");
					$(".errorFont").css("color","red");
				}
			},
			error:function(data){
				$(".errorFont").text("發生未知錯誤，請聯絡管理員2！");
				$(".errorFont").css("color","red");
			}
		});
		});
 

後端邏輯處理：

//驗證使用者是否存在,返回一個轉成json字串的資料
	@RequestMapping("/nameProving2")	
	@ResponseBody
	public String nameProving2(String name){
		String result="";
		if(StringUtils.isEmpty(name)){
			result= "empty";
		}else{
			Userss user=userService.getUserByName(name);
			if(user!=null)
				result= "exist";
			else
				result= "noexist";
		}
		return JSONArray.toJSONString(result);
	}

3、返回一個字串

前端js請求：

重點：datatype:"text"

//返回值為String的形式,dataType:"text"
		$(".name").blur(function(){
		 	$.ajax({
			type:"Post",//請求型別
			url:"/mvc-demo/user/nameProving3?t="+new Date().getTime(),//請求的url
			data:{name:$(".name").val()},//請求引數
			dataType:"text",//ajax介面（請求url）返回的資料型別
			success:function(data){//data：返回資料（json物件）
				if(data ==  "\"empty\""){//name為空，錯誤提示
					$(".errorFont").text("使用者名稱為不能為空3！");
					$(".errorFont").css("color","red");
				}else if(data==  "\"exist\""){
					$(".errorFont").text("使用者名稱已註冊3");
					$(".errorFont").css("color","green");
				}else if(data == "\"noexist\""){
					$(".errorFont").text("使用者名稱未註冊3");
					$(".errorFont").css("color","red");
				}
			},
			error:function(data){
				$(".errorFont").text("發生未知錯誤，請聯絡管理員3！");
				$(".errorFont").css("color","red");
			}
		});
		});

後端邏輯處理：

//驗證使用者是否存在,返回一個字串的資料
	/**
	 * 此方法中有多個註解  method：指定請求方式
	 * required：表示引數是否必須  預設為必須  fslse為不是必須
	 * @param name
	 * @return
	 */
	@RequestMapping(value="/nameProving3",method=RequestMethod.POST,params="name")	
	@ResponseBody
	public String nameProving3(@RequestParam(value="name",required=false)String name){
		String result="";
		if(StringUtils.isEmpty(name)){
			result= "empty";
		}else{
			Userss user=userService.getUserByName(name);
			if(user!=null)
				result= "exist";
			else
				result= "noexist";
		}
		return result;
	}

4、返回一個類物件的資料

前端js請求：

//返回值為類物件的形式,dataType:"json"
		$(".name").blur(function(){
		 	$.ajax({
			type:"Post",//請求型別
			url:"/mvc-demo/user/nameProving4?t="+new Date().getTime(),//請求的url
			data:{name:$(".name").val()},//請求引數
			dataType:"json",//ajax介面（請求url）返回的資料型別
			success:function(data){//data：返回資料（json物件）
				if(data == null){//name為空，錯誤提示
					$(".errorFont").text("使用者名稱為空或者使用者名稱不存在4！");
					$(".errorFont").css("color","red");
				}else{
					$(".errorFont").text("使用者名稱"+data.name+"已註冊4");
					$(".errorFont").css("color","green");
				}
			},
			error:function(data){
				$(".errorFont").text("發生未知錯誤，請聯絡管理員2！");
				$(".errorFont").css("color","red");
			}
		});
		});

後端邏輯處理：

//返回一個類物件
	@RequestMapping("/nameProving4")	
	@ResponseBody
	public Userss nameProving4(String name){
		System.out.println("進來了4");
		Userss user=userService.getUserByName(name);
			if(user==null){
				return null;
			}
			return user;
	}