AJAX实现原理及使用(SpringMVC+JQ+AJAX)
2018-03-22 21:51
225 查看
Ajax 即“[b]A[/b]synchronous [b]J[/b]avascript [b]A[/b]nd [b]X[/b]ML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax = 异步 JavaScript 和 XML(标准通用标记语言的子集)。Ajax 是一种用于创建快速动态网页的技术。Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。[1] 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。
![](https://img-blog.csdn.net/20180322214719731?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/20180322214726437?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
error.html错误信息
![](https://img-blog.csdn.net/2018032221492143?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/20180322214736287?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
效果图如下:
![](https://img-blog.csdn.net/20180322214846682?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/2018032221582333?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/20180322215915349?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/2018032221583798?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwMTkxMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
效果图:
[b]使用实现过程:一个AJAX交互从一个称为XMLHttpRequest的JavaScript对象开始。他允许一个客户端脚本来执行HTTP请求,并且将会解析一个XML格式的服务器响应。AJAX处理过程中的第一步是创建一个XMLHttpRequest实例。使用Http方法(GET或POST)来请求处理,并将目标URL设置到XMLHttpRequest对象上。当客户端发送HTTP请求时,向XMLHttpRequest注册一个回调函数,并异步派发XMLHttpRequest请求。控制权马上被返回到浏览器,当服务器响应到达时,回调函数将贝调用。这样使得浏览器并不是挂起等待服务器的响应,而是通过页面继续响应用户的界面交互,并在服务器响应真正到达后处理它们。[/b]
以下是使用AJAX检测输入框是否为空error.html错误信息
效果图如下:
SpringMVC+JQ+AJAX实现输入框提示
效果图:
相关文章推荐
- 使用html+ajax+formdata+SpringMVC实现单个文件,和多个文件上传功能
- RESTful风格(使用Ajax+Spring MVC框架实现)
- RESTful风格(使用Ajax+Spring MVC框架实现)
- J2EE项目系列(四)--SSM框架构建积分系统和基本商品检索系统(Spring+SpringMVC+MyBatis)(3)Ajax使用详解(级联列表)以及企业级报表Excel导入导出实现
- 使用html+ajax+formdata+SpringMVC实现单个文件,和多个文件上传功能
- MVC 使用Jquery实现AJax
- Asp.NET误人子弟教程:在MVC里面结合JQ实现AJAX
- Spring技术内幕——深入解析Spring架构与设计原理(四)Web MVC的实现
- MVC 使用Jquery实现AJax
- jquery + json + springMVC集成在controller中实现Ajax功能
- MVC架构中使用ajax实现view和controller之间值的传递
- MVC 使用Helpers实现Ajax
- ASP.NET MVC框架下使用MVVM模式 knockoutjs的实现原理
- springmvc+ajaxfileupload实现头像上传并预览
- jquery + json + springMVC集成在controller中实现Ajax功能
- Asp.Net Mvc 使用jQuery实现Ajax文件上传
- Asp.NET误人子弟教程:在MVC里面结合JQ实现AJAX
- ajaxfileupload.js+springMVC实现无刷新文件上传
- jquery + json + springMVC集成在controller中实现Ajax功能
- 使用nginx+springmvc实现文件下载