jquery ajax用法实例

1、用ajax动态判断用户名是否存在。

js中

$("#username").change(function(){
var username = $("#username").val();
if(username != ''){
$.ajax({
       url:GLOBAL_CTX+'/users/judgeUsernameIsExist.do?username='+username,
       type:'post',
       dataType:'json', 
       async: false,
       success:function(data){
        if(data==true){
        alert("抱歉，该用户已存在");
        $("#username").val("");
        $("#username").focus();
        } 
   }
});
}
});

后台方法：

/**
* 判断用户名是否存在.
* @param username
* @return
* @throws Exception
*/
@RequestMapping(value = "/judgeUsernameIsExist.do", method=RequestMethod.POST)
@ResponseBody
public Boolean judgeUsernameIsExist(@RequestParam("username") String username) throws Exception {
return usersService.judgeUsernameIsExist(username);
}

2、用ajax获取json集合

js中：

var spellNameData = [];
$.ajax({
        url:GLOBAL_CTX + '/users/usersListForName.do', 
        type:'post',
        dataType:'json', 
        async: false,
        success:function(data){
        $.each(data,function(){
        spellNameData.push({id:this.id,text:(this.name+"_" +this.spellName)});
        });
   }
});

后台代码：

/**
* 通过json查询用户信息
* 
* @param
* @return
*/
@RequestMapping(value = "/usersListForName.do")
@ResponseBody
public List<Users> usersListForName() throws Exception {
return usersService.findUsersListByUsers(null);
}