<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
jquery,ajax,jsonp例子+springmvc后台
猜你喜欢
转载自bigdragon.iteye.com/blog/2398719
今日推荐
周排行