jsp+ajax+jquery简单实例

前端

<input type="text" name="username" id="username" onblur="checkUsername()" >

ajax

function checkUsername(){
			var username=$("#username").val();
			//window.alert(username);
			$.ajax({
				url:"./checkUser.action",
				type:"post",
				data:{username:username},
				success:function(data)
				{
					//alert(data);
					
					console.log(typeof data);
					if(data.trim()=="true")
					{
						alert("登录成功"+data);
					}
					else
					{
						alert("用户名错误"+data);
					}
					
				},
				error:function(){
					alert("错误");
				}
			})
		}

controller

@RequestMapping(value= {"/checkUser"},method=RequestMethod.POST,produces="text/html;charset=utf-8")
	@ResponseBody
	public void checkUser(HttpServletResponse response,String username) throws IOException
	{
		PrintWriter out=response.getWriter();
		
		System.out.println("username:"+username);
		System.out.println(username.equals("123"));
		if(username.equals("123"))
		{
			out.println(true);
			System.out.println(true);
		}
		else
		{
			out.println(false);
			System.out.println(false);
		}
		
	}