<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
- 浏览: 501843 次
- 性别:
- 来自: 沈阳
文章分类
- 全部博客 (437)
- Windows设置 (2)
- oracle数据库 (39)
- bug--jsp (4)
- j2se (13)
- js (40)
- bug-tomcat不能启动程序 (1)
- Hibernate (29)
- eclipse (20)
- java (65)
- 设计模式 (6)
- bug (18)
- PL/SQL (11)
- 前台 (5)
- 杂谈 (25)
- UML (1)
- jdbc编程 (2)
- 技术调研 (1)
- 数据通信 (2)
- ios (1)
- servlet自学笔记 (10)
- tomcat (9)
- SQL学习笔记 (6)
- java工具 (1)
- 数据库设计 (4)
- javascript (10)
- jsp (11)
- struts (17)
- ajax (7)
- linix/Unix (6)
- 资源 (3)
- spring (14)
- 算法 (5)
- 计算机网络 (2)
- http (5)
- c++ (2)
- web应用 (3)
- jvm (5)
- java中的字符编码 (14)
- java代码库 (2)
- classloader (1)
- 读书笔记 (1)
- c (1)
- 开源软件 (1)
- svn (1)
- AOP (1)
- java序列化 (1)
- 多线程 (4)
- The legendary programmers (1)
- Apache http Server (1)
- html tag (3)
- struts1.X学习笔记 (5)
- buffalo (1)
- 自己收藏 (0)
- TOEFL(IBT) (1)
- 网络翻墙 (0)
- 编译原理 (1)
- 书籍推荐 (1)
- css (10)
- javaee环境搭建资料 (1)
- 开源工具 (1)
- 美国生活 (1)
- spring自学 (3)
- log4j (3)
- 算法与数据结构 (5)
- 病毒,插件处理大全 (1)
- flex (2)
- webservice (1)
- git (7)
- cs (1)
- html (4)
- javaee (6)
- 开车 (0)
- springmvc (3)
- 互联网架构 (2)
- intellij idea (18)
- maven (15)
- mongodb (2)
- nginx (1)
- react (3)
- java基础例子 (2)
- springboot (2)
- 培训 (5)
- mysql (3)
- 数据库 (3)
- 生活 (2)
- intellij (3)
- linux (2)
- os (3)
最新评论
-
潇洒天涯:
[color=blue][color=cyan] ...
oracle 通过 nvl( )函数sql 查询时为 空值 赋默认值 -
hekai1990:
受教了..
oracle中的varchar2
发表评论
-
【转】Jquery修改iframe内容
2018-12-19 04:24 853query取得iframe中元素的几种方法 在iframe ... -
【转】jQuery ajax()使用serialize()提交form数据
2018-12-19 04:22 889jQuery的serialize()方法通过序列化表单值,创 ... -
js获取web的root path
2018-04-25 00:50 1013function getRootPath(){ // ... -
[转]js 判断变量的数据类型
2018-04-06 06:03 0http://www.jb51.net/article/457 ... -
jQuery之防止冒泡事件
2017-09-28 21:16 505冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点 ... -
【转】解析Javascript事件冒泡机制
2017-09-28 21:11 7251. 事件 ... -
Chrome 的审查元素功能有哪些奇技淫巧?
2017-09-27 18:31 581https://www.zhihu.com/question/ ... -
【转】彻底弄懂HTTP缓存机制及原理
2017-09-08 07:47 770前言 Http 缓存机制作 ... -
【转】javascript运行机制之执行顺序详解
2017-08-02 15:24 548JavaScript是一种描述型脚本语言,它不同于java ... -
让DIV中的垂直滚动条自动滚到最底部
2017-07-16 10:23 1240在聊天窗口中当消息增多超过消息窗体DIV的高度时就会出现滚动 ... -
10个JavaScript测试
2017-05-03 10:12 5091、考察this -
jsonp详解
2017-03-31 10:15 534json相信大家都用的多 ... -
【转】让 Bootstrap 轮播效果支持左右滑动手势
2017-03-10 11:02 474因为最近开发的项目涉及到移动设备上的 HTML5 开发,其中 ... -
【转】 SpringMVC使用@ResponseBody时返回json的日期格式、@DatetimeFormat使用注意
2017-02-09 10:13 829一、SpringMVC使用@ResponseBody时返回j ... -
【转】SpringMVC中遇到的Http400 Bad Request 总结
2017-02-09 09:38 462在搭建SpringMVC环境,在使用中遇到了多次Bad Re ... -
必读js书籍
2017-01-13 15:33 408一个很好的起点是Kyle Simpson的系列读物:Y ... -
【转】JS获取浏览器信息及屏幕分辨率
2016-09-22 15:53 855网页可见区域宽:document.body.clientWi ... -
window.close()不出现提示框的方法
2015-12-02 15:15 723当我们使用window.close()时经常会出现一个提示框 ... -
document.getElementByClassName("classname")是原生JS吗?
2015-04-17 19:31 931需求:比较税前薪资是否在薪资范围内,超过范围则薪资输出变红色 ... -
【转】Ajax框架Buffalo深度研究
2012-11-20 11:33 1359Buffalo深度研究 ——2010.01.11, IT ...
相关推荐
**Ajax学习:SpringMVC + JQuery + Ajax** Ajax(Asynchronous JavaScript and XML)技术是一种用于创建快速、动态网页的方法,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。在这个主题...
后台服务器端采用spring+springmvc+mybatis框架整合。 前端页面使用bootstrap+jquery+layui等框架以及ajax技术。 数据库使用了轻量级mysql关系数据库。 小说数据源是顶点小说网,使用java的jsonp进行爬取。 本...
后台服务器端采用spring+springmvc+mybatis框架整合。 前端页面使用bootstrap+jquery+layui等框架以及ajax技术。 数据库使用了轻量级mysql关系数据库。 小说数据源是顶点小说网,使用java的jsonp进行爬取。 本系统...
后台服务器端采用spring+springmvc+mybatis框架整合。 前端页面使用bootstrap+jquery+layui等框架以及ajax技术。 数据库使用了轻量级mysql关系数据库。 小说数据源是顶点小说网,使用java的jsonp进行爬取。 本...
后台服务器端采用spring+springmvc+mybatis框架整合。 前端页面使用bootstrap+jquery+layui等框架以及ajax技术。 数据库使用了轻量级mysql关系数据库。 小说数据源是顶点小说网,使用java的jsonp进行爬取。 本...
8. **jQuery和其他库**:可能会介绍jQuery简化Ajax操作的方法,以及其他流行库如axios、fetch API等。 这个视频教程对于想要提升Web开发技能,尤其是希望了解和使用Ajax的开发者来说,是一份宝贵的学习资源。通过...
对于jQuery AJAX请求,使用JSONP时,需要设置`dataType`为`jsonp`,例如: ```javascript $.ajax({ url: 'http://sso.isy.cn/logout', type: 'GET', dataType: 'jsonp', success: function(response) { // ...
4. **jQuery**:jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在这个项目中,`jquery`文件可能包含jQuery库本身,使得开发者可以更方便地编写JavaScript代码。 5. **Web**...
**客户端jQuery AJAX请求示例**: ```javascript $.ajax({ type: "get", async: false, dataType: 'jsonp', url: 'http://sso.isy.cn/login.json', data: $("#loginForm").serialize(), crossDomain: true, ...
在前端,项目大量运用Ajax(jQuery和JSON)技术,实现了页面的异步更新,提升了用户体验。 责任描述中,主要职责包括: 1. 预约教练模块:设计并实现了一个让学员可以按时间或教练预约的功能。学员登录后,能够查看...
在前端,我们使用jQuery的`$.ajax`发送一个POST请求,其中包含JSON数据: ```javascript $.ajax({ type: "POST", url: "/testJson", contentType: "application/json", dataType: "json", data: JSON....
9. **前端技术**:具备HTML、JavaScript、EasyUI或LayUI的基础,理解AJAX异步交互和jQuery的jsonp跨域请求技术。 在实际工作中,该工程师在深圳市百欣办公用品连锁有限公司和深圳市优乐众惠科技有限公司的工作经历...
SpringSide4参考手册是一份详尽的...无论是前端技术如Ajax、JQuery,还是后端技术如SpringMVC、数据持久化、安全认证、缓存管理等,手册都有详细的描述和使用案例,这使得它成为SpringSide开发者不可或缺的参考资料。
3. **Ajax处理**:使用jQuery的$.ajax方法,因为它很好地兼容了IE6,同时注意处理JSONP以跨域请求。 4. **Dojo或YUI等库**:这些库专门处理老版本IE的兼容性问题,可以考虑引入以优化用户体验。 5. **文档类型声明**...
6. **前后端交互**:系统可能采用Ajax或者JSONP等方式实现前后端异步通信,提高用户体验。前端可能使用jQuery、Vue.js等JavaScript库或框架,后端通过RESTful API接收并处理请求。 7. **安全机制**:可能涉及到用户...
14. **JQuery访问服务器**:jQuery的$.ajax方法。 15. **跨域Ajax**:CORS,jsonp技术。 16. **数据库连接池**:如C3P0,Druid。 17. **ORM实体填充**:自动将数据库结果转换为Java对象。 18. **分页查询**:根据...