jquery,ajax,jsonp例子+springmvc后台

shuiluobu 2017-11-05

<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(function () {
        $("#username").bind('change', function () {
           /* $.ajax({
                url: "http://localhost:8080/springmvc-01/checkusername.action",
                type: "POST",
                data: JSON.stringify({
                    'username': $(this).val()
                }),//不用JSON.stringify容易报错,要传json字符串不是js对象或json字符串'{"username":'+$(this).val()+'}'
                dataType: 'json',
                contentType: "application/json",
                beforeSend: function () {
                    //alert("this is before send");
                },
                success: function (data) {
                    var hasSame = data.result;
                    if (hasSame === 'true') {
                        $('#nametips').html('<span style="color:red">用户名重复</span>');
                    } else {
                        $('#nametips').html('<span style="color:green">可以使用</span>');
                    }
                },
                error: function () {
                    alert('error');
                }
            });*/
            /*ctrl+alt+l格式化代码*/
$.ajax({
                type: "get",
async: false,
url: "http://localhost:8080/springmvc-01/checkusernamejsonp.action",
dataType: "jsonp",
data: JSON.stringify({
                    'username': $(this).val()
                }),//不用JSON.stringify容易报错
jsonp: "callback",//传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(默认为:callback)
jsonpCallback: "aa",//自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名
success: function (data) {
                    var hasSame = data.result;
if (hasSame === 'true') {
                        $('#nametips').html('<span style="color:red">用户名重复</span>');
} else {
                        $('#nametips').html('<span style="color:green">可以使用</span>');
}
                },
error: function () {
                    alert('fail');
}
            });
});
});
</script>



/**Jsonp跨域
	 * @param user
	 * @param callback
	 * @return
	 */
	@RequestMapping(value="/checkusernamejsonp")
	@ResponseBody
	public JSONPObject checkusernameJsonP(User user,String callback){
		for (User iUser : userSet) {
			if(iUser.getUsername().equalsIgnoreCase(user.getUsername())){
				return new JSONPObject(callback, "{\"result\":\"true\"}"); 
			}
		}
		return new JSONPObject(callback, "{\"result\":\"false\"}"); 
	}
	//返回值任意,转成json格式
	/**ajax
	 * @param user
	 * @param model
	 * @return
	 */
	@RequestMapping(value="/checkusername")
	@ResponseBody
	public String checkusername(@RequestBody User user,Model model){
		for (User iUser : userSet) {
			if(iUser.getUsername().equalsIgnoreCase(user.getUsername())){
				return "{\"result\":\"true\"}";
			}
		}
		return "{\"result\":\"false\"}";
	}

jackson三个jar包:
jackson-annotations-2.4.0.jar
jackson-core-2.4.2.jar
jackson-databind-2.4.2.jar

可以参考:http://blog.csdn.net/caiwenfeng_for_23/article/details/45300739

相关推荐