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);
}

扫描二维码关注公众号,回复: 2150163 查看本文章

猜你喜欢

转载自blog.csdn.net/weixin_42231507/article/details/80714761