struts2中应用JSON插件实现AJAX
日期：2014-05-16 浏览次数：20364 次
struts2中使用JSON插件实现AJAX
1.下载JSON插件jsonplugin-0.32.jar,并导入到工程中
http://code.google.com/p/jsonplugin/downloads/list
2.下载prototype.js(可选)，并放到WebContent/js中
http://www.prototypejs.org/assets/2007/11/6/prototype.js
这个脚本里有调用ajax的方法，并封装了一些实用的方法(如提取Form中要提交的参数)， 如果不用到这些方法可以不用，本文没有用到
3.问题说明
(1)Form.serialize中文乱码
其中Form.serialize($('converge')),是把converge表单中所有的字段，拼成method=xxx&type=sss的形式。
在prototype的函数中，会把key和value分别用encodeURIComponent 来把一个字符串转成utf-8的URL编码形式。比如,“中文”会被编码成:%E4%B8%AD%E6%96%87
但该字符串传到后台时，会被识别成乱码. 用request.getParameter取到的字符串也是乱码，而不是本身的字符。
主要原因是%号，如果该串改成%22E4%22B8%22AD%22E6%2296%2287 也是可以识别的.
解决方法： 在prototype文件中找到 encodeURIComponent 这段， 在encodeURIComponent 后，再将该字符串用escape方法再编码一次。 这时候传到后台，用request.getParameter，可以得到编码后的正确的字符串。即 %E4%B8%AD%E6%96%87 .
这时，可以用java.net.URLDecoder.decode(keyword, "UTF-8"); 对这个字符串进行解码，从而得到正确的中文。
(2)页面中的request.readyState 是 HTTP 的就绪状态。
request.readyState == 0 ：请求没有发出（在调用 open() 之前）。
request.readyState == 1 ：请求已经建立但还没有发出（调用 send() 之前）。
request.readyState == 2 ：请求已经发出正在处理之中（这里通常可以从响应得到内容头部）。
request.readyState ==3 ：请求已经处理，响应中通常有部分数据可用，但是服务器还没有完成响应。
request.readyState == 4 ：响应已完成，可以访问服务器响应并使用它。
4.源码
配置struts
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" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 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>SampleSS</display-name> <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <welcome-file-list> <welcome-file>/jsp/SampleJsp.jsp</welcome-file> <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></web-app>
SampleJsp.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script src="<%=request.getContextPath()%>/js/Prototype.js" type="text/javascript"></script><script type="text/javascript"> var xmlHttpSupport = (typeof XMLHttpRequest != "undefined" || window.ActiveXObject); if (typeof XMLHttpRequest == "undefined" && window.ActiveXObject) { function XMLHttpRequest() { var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", &nb
1.下载JSON插件jsonplugin-0.32.jar,并导入到工程中
http://code.google.com/p/jsonplugin/downloads/list
2.下载prototype.js(可选)，并放到WebContent/js中
http://www.prototypejs.org/assets/2007/11/6/prototype.js
这个脚本里有调用ajax的方法，并封装了一些实用的方法(如提取Form中要提交的参数)， 如果不用到这些方法可以不用，本文没有用到
3.问题说明
(1)Form.serialize中文乱码
其中Form.serialize($('converge')),是把converge表单中所有的字段，拼成method=xxx&type=sss的形式。
在prototype的函数中，会把key和value分别用encodeURIComponent 来把一个字符串转成utf-8的URL编码形式。比如,“中文”会被编码成:%E4%B8%AD%E6%96%87
但该字符串传到后台时，会被识别成乱码. 用request.getParameter取到的字符串也是乱码，而不是本身的字符。
主要原因是%号，如果该串改成%22E4%22B8%22AD%22E6%2296%2287 也是可以识别的.
解决方法： 在prototype文件中找到 encodeURIComponent 这段， 在encodeURIComponent 后，再将该字符串用escape方法再编码一次。 这时候传到后台，用request.getParameter，可以得到编码后的正确的字符串。即 %E4%B8%AD%E6%96%87 .
这时，可以用java.net.URLDecoder.decode(keyword, "UTF-8"); 对这个字符串进行解码，从而得到正确的中文。
(2)页面中的request.readyState 是 HTTP 的就绪状态。
request.readyState == 0 ：请求没有发出（在调用 open() 之前）。
request.readyState == 1 ：请求已经建立但还没有发出（调用 send() 之前）。
request.readyState == 2 ：请求已经发出正在处理之中（这里通常可以从响应得到内容头部）。
request.readyState ==3 ：请求已经处理，响应中通常有部分数据可用，但是服务器还没有完成响应。
request.readyState == 4 ：响应已完成，可以访问服务器响应并使用它。
4.源码
配置struts
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" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 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>SampleSS</display-name> <filter> <filter-name>struts2</filter-name> <filter-class>org.apache.struts2.dispatcher.FilterDispatcher</filter-class> </filter> <filter-mapping> <filter-name>struts2</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <welcome-file-list> <welcome-file>/jsp/SampleJsp.jsp</welcome-file> <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></web-app>
SampleJsp.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="s" uri="/struts-tags" %><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title><script src="<%=request.getContextPath()%>/js/Prototype.js" type="text/javascript"></script><script type="text/javascript"> var xmlHttpSupport = (typeof XMLHttpRequest != "undefined" || window.ActiveXObject); if (typeof XMLHttpRequest == "undefined" && window.ActiveXObject) { function XMLHttpRequest() { var arrSignatures = ["MSXML2.XMLHTTP.5.0", "MSXML2.XMLHTTP.4.0", &nb
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
