目录
异步
Ajax(Asynchronous JavaScript and XML,异步JavaScript与xml)是一个结合了Java技术、xml以及JavaScript的编程技术,其主要目的是在不刷新页面的情况下通过与服务器进行少量数据的 交互来提高页面的 交互性,减少响应时间,从而改善用户体验。使用ajax技术后,页面就不需要在每次用户提交修改时重新加载页面了。
在使用传统软件架构开发的应用程序中,当客户端需要与服务器端频繁交互时,用户只有等整个页面重新加载后才能看到从服务器中获取的资源信息,页面会被重新加载很多次。当前后两个页面中大部分HTML代码相同时,这种做法就会非常浪费网络宽带,毕竟很多资源信息的获取都是重复无用的。
在这种情况下,使用ajax技术会带来很多好处,首先,由于ajax技术可以只向服务器发送并取回必需的数据内容,使得数据交互量大幅减少,从而降低了服务器的网络负载;其次,由于他使用SOAP(simple object access protocol,简单对象访问协议,一种交换数据的协议规范)或其他一些基于XMl的web service 接口,在客户端采用JavaScript处理来自服务器的 响应,也降低了web服务器的处理时间;最后,由于不需要重新加载整个页面,因此系统有更短的响应时间,而这有利于提高系统的稳定性和可用性,从而增强用户的满意度。
注意:
Ajax技术是客户端技术,其核心是JavaScript对象XmlHTTPRequest,该对象是一种支持异步请求的技术,他使得开发人员可以使用JavaScript向服务器提出请求并处理响应,而不阻塞用户。
搭建项目结构如下:
首先配置web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>cascade</display-name> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list> <!-- 创建对象,初始化spring mvc --> <servlet> <!-- servlet name要与下面的 一致,这是找到servlet的根据 --> <servlet-name>DispatcherServlet</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- 调用init方法,创建spring IOC容器,包括实例化 ,加载application.xml --> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:application.xml</param-value> </init-param> <!-- tomcat启动的时候实例化 并且调用init方法 --> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>DispatcherServlet</servlet-name> <!-- 拦截所有的以.都结尾的 请求 --> <url-pattern>*.do</url-pattern> </servlet-mapping> <!-- 配置字符过滤器 --> <filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class> <!-- 配置参数 --> <init-param> <!-- 强制转换成UTF-8的编码 --> <param-name>encoding</param-name> <param-value>UTF-8</param-value> </init-param> <init-param> <!-- 强制转换成UTF-8的编码 --> <param-name>forceEncoding</param-name> <param-value>true</param-value> </init-param> </filter> <filter-mapping> <!-- 告诉过滤器拦截 什么东西 --> <filter-name>CharacterEncodingFilter</filter-name> <url-pattern>*.do</url-pattern> </filter-mapping> </web-app>
配置application.xml
<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd"> <!-- 自动注入方式: