flex与servlet交互数据,有以下几个方面需要注意
参数的传递:
中文乱码的解决
返回值的处理
以下是我今天写的一个执行正常的程序
flex代码如下:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml " layout="absolute"> <mx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; import mx.controls.Alert; private function doRequest():void{ this.btn_do.enabled=false; var url:String="http://localhost:8080/Test/servlet/BUAA "; this.sevlet.url=url; var param:URLVariables=new URLVariables(); //这个对象是用来设置url中需要传递的参数,将所传递的参数一一按照如下的格式设置,即可传递到后台服务器 //如下所示传递了两个参数,一个是username,一个是timestamp param.username=this.txt.text; param.timestamp=(new Date()).toString(); // this.sevlet.send(param);// } //下面这个函数是服务器处理完毕后flex的处理函数,在下文的标签里有定义 private function resultHandler(event:ResultEvent):void{ Alert.show(event.result.user); this.btn_do.enabled=true; } ]]> </mx:Script> <mx:HTTPService id="sevlet" resultFormat="e4x" result="resultHandler(event)"/> <mx:Panel title="测试与servlet后台交互" layout="absolute" width="100%" height="90%"> <mx:VBox> <mx:Button id="btn_do" label="取得数据" click="doRequest();" fontSize="14"/> <mx:TextInput id="txt" text="输入文字" fontSize="14"/> </mx:VBox> </mx:Panel> </mx:Application>
Servlet端的代码如下
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/xml;charset=utf-8"); String para = request.getParameter("username"); PrintWriter out = response.getWriter(); String strOut = new String(para.getBytes("ISO8859-1"), "utf-8"); out.println("<zpa>"); out.println("<user>"+strOut+"</user>"); out.println("</zpa>"); out.flush(); out.close(); }
对于中文参数的传递,在flex里有以下两个对应的处理函数
//下面的这2个函数是用来处理flex中传递中文参数乱码问题的,一个编码,一个解码 private function htmlParaEncoding(para:String):String{ return encodeURIComponent(para); } private function htmlParaDecoding(para:String):String{ return decodeURIComponent(para); }
不过一般在flex端只需要用编码函数,java中打印结果时使用java.net.URLDecoder.decode方法解码,如下面这个例子
flex代码:
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml " layout="absolute" fontSize="12" xmlns:local="*"> <mx:TraceTarget/> <mx:Style> .lab{ fontWeight: "bold"; /*color: #FF0000;*/ fontSize: 15; } </mx:Style> <mx:Script> <![CDATA[ //对提交给后台的参数进行UTF-8的编码处理 private function httpEncoding(param:String):String{ return encodeURIComponent(param); } private function doLogin():void { //trace("focusEnabled:"+loading.focusEnabled); //this.focusManager.setFocus(user); var url:String = "http://localhost:8080/Test/servlet/BUAA "; var params:URLVariables = new URLVariables(); //这个user,psw就是传入后台的参数user,jsp就用 request.getParameter("user")来取 params.user = httpEncoding(user.text); params.psw = psw.text; var loader:URLLoader = new URLLoader(); this.configureEventListeners(loader); //可以不设置,因为默认是text loader.dataFormat = URLLoaderDataFormat.TEXT; var request:URLRequest = new URLRequest(url); request.data = params; try{ loader.load(request); }catch(error:Error){ trace(error.message); } } private function configureEventListeners(dispatcher:IEventDispatcher):void { dispatcher.addEventListener(Event.COMPLETE, completeHandler); dispatcher.addEventListener(Event.OPEN, openHandler); dispatcher.addEventListener(ProgressEvent.PROGRESS, progressHandler); dispatcher.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler); dispatcher.addEventListener(HTTPStatusEvent.HTTP_STATUS, httpStatusHandler); dispatcher.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler); } private function completeHandler(event:Event):void { var loader:URLLoader = URLLoader(event.target); trace("--complete..."+event.target.data); //var dataXML:XML = XML(event.target.data); //trace(dataXML.toXMLString()); btn_btn.enabled=true; }
private function openHandler(event:Event):void { trace("openHandler: " + event); //this.focusManager.setFocus(loading); btn_btn.enabled=false; }
private function progressHandler(event:ProgressEvent):void { trace("progressHandler loaded:" + event.bytesLoaded + " total: " + event.bytesTotal); }
private function securityErrorHandler(event:SecurityErrorEvent):void { trace("securityErrorHandler: " + event); }
private function httpStatusHandler(event:HTTPStatusEvent):void { trace("httpStatusHandler: " + event); }
private function ioErrorHandler(event:IOErrorEvent):void { trace("ioErrorHandler: " + event); } ]]> </mx:Script> <mx:Panel title="欢迎登录WAP管理系统:" width="307" height="189" layout="absolute" verticalAlign="top" horizontalCenter="-10.5" verticalCenter="-9"> <mx:Label x="32" y="25" text="登录口令:" width="59"/> <mx:TextInput id="user" x="99" y="23" width="147"/> <mx:Label x="32" y="53" text="登录密码:" width="59"/> <mx:TextInput id="psw" x="99" y="51" displayAsPassword="true" width="147"/> <mx:ControlBar alpha="1"> <mx:Button id="btn_btn" x="58" y="92" label="确 定" click="this.doLogin();"/> <mx:Button x="162" y="92" label="取 消"/> <mx:Label x="0" y="129" text="Powered by Keren" textAlign="right"/> </mx:ControlBar> </mx:Panel> </mx:Application>
java代码
String usr = java.net.URLDecoder.decode(request.getParameter("user"), "UTF-8"); System.out.println("取得传入的参数:"+usr); String psw = java.net.URLDecoder.decode(request.getParameter("psw"), "UTF-8"); System.out.println("取得传入的参数:"+psw); out.flush(); out.close();
此外,在网上也参考到一些不错的文章,摘录如下:
http://www.cnblogs.com/dannyr/archive/2004/11/24/68026.html
原文
情况:
Flex默认使用的都是utf-8编码,包括Get,Post等方法。而Tomcat服务器端接收request对象默认是8859_1 编码,添加Tomcat的request Filter用request.setCharacterEncoding("utf-8"); 来设置,这个方法属于Tomcat设置和Flex无关,暂不讨论!
flex ->Jsp:
有2种情况 //我试验第2种情况,测试通过
情况一、MXML源代码文件中写入的中文字符:
Flex使用 System.useCodepage = true;即使用本地操作系统编码(GBK) 设置Flex的处理编码。Jsp中用依然用ISO_8859_1 编码来处理,并转化为GBK 。这样Jsp可以正确解释Flex传递的中文字符。 这个时候可以认为Flex对mxml源代码文件进行编译时候,源代码中的中文字符已经混乱了,所以要加上System.useCodepage = true;语句, 按GBK编码将中文字符从Flex发送到Tomcat。
同时Tomcat中Jsp应该按GBK 重新编码
String categoryID = request.getParameter("categoryID");
String strOut = new String(categoryID.getBytes("ISO8859-1 "), "GBK ");
System.out.println("categoryID="+categoryID);
System.out.println("categoryID="+strOut);
情况二、Flex运行时候由输入框输入的中文字符
这个时候输入框输入的中文字符是一定为UTF-8编码的,所以Flex中System.useCodepage = false;或者不设置,就默认utf-8编码格式传递数据,而Tomcat中Jsp使用下面语句按UTF-8来重新编码
String categoryID = request.getParameter("categoryID");
String strOut = new String(categoryID.getBytes("ISO8859-1"), "utf-8");
System.out.println("categoryID="+categoryID);
System.out.println("categoryID="+strOut);
Jsp->Flex:
Jsp页面用页面指令<%@ page contentType="text/html;charset=utf-8"%> 设置,返回结果是utf-8编码,Flex接收后成功解释并正确显示。
原文:http://haitao-love-u.blog.sohu.com/116743431.html
通常办法在jsp页面中,加入<% request.setCharacterEncoding("utf-8"); %>,flex默认编码是utf-8。然而,如果问题没有解决,依旧是乱码的话,那么,打开你的tomcat目录下的conf/server.xml文件,观察: <Connector port="8080" protocol="HTTP/1.1"
maxThreads="150" connectionTimeout="20000"
redirectPort="8443" URIEncoding="UTF-8"/>,若没有URIEncoding="UTF-8",添加进去,这样问题就圆满解决了。顺便说下,mysql数据库编码也是utf-8
原文:http://java-007.javaeye.com/blog/381617
最近看一些文档,总结了一些<mx:HTTPService>给后台传递参数的方法,列举如下: 方法1:采用URLVariables对象 <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" fontSize="12" > <mx:Script> <![CDATA[ import mx.controls.Alert; import mx.rpc.events.ResultEvent; //对提交给后台的参数进行UTF-8的编码处理 private function httpEncoding(param:String):String{ return encodeURIComponent(param); } private function httpEncoding0(param:String):String{ return param;//encodeURI(param); } private function doRequest():void{ btn_do.enabled=false; var url:String = "http://localhost:8600/grid.jsp"; //以下那样写后台会乱码,不管是否做URI编码转换 //url += "?user="+httpEncoding0("用户名"); //url += "&psw="+httpEncoding0("密码"); //trace(url); srv.url = url; //srv.send(); //以下这样写正常 var params:URLVariables = new URLVariables(); //这个user,psw就是传入后台的参数user,jsp就用 request.getParameter("user")来取 params.user = httpEncoding("用户名"); params.psw = httpEncoding("密码"); srv.send(params); } private function resultHandler(event:ResultEvent):void{ Alert.show("与后台交互结束,前台开始取得的数据...","提示信息"); btn_do.enabled=true; } ]]> </mx:Script> <mx:HTTPService id="srv" result="resultHandler(event);"/> <mx:Panel title="测试与jsp后台交互" layout="absolute" width="100%" height="90%"> <mx:Button id="btn_do" label="取得数据" click="doRequest();"/> <mx:Spacer height="1"/> <mx:DataGrid dataProvider="{srv.lastResult.catalog.product}" width="100%" height="100%" y="28"/> </mx:Panel> </mx:Application> 方法2:采用<mx:request/>,同时也演示了mx:State的用法,[来自网上] <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:states> <mx:State name="Logged In"> <mx:SetProperty target="{panel1}" name="width" value="95%"/> <mx:SetProperty target="{panel1}" name="height" value="95%"/> <mx:RemoveChild target="{password}"/> <mx:RemoveChild target="{username}"/> <mx:RemoveChild target="{label1}"/> <mx:RemoveChild target="{Submit}"/> <mx:RemoveChild target="{label2}"/> <mx:SetProperty target="{panel1}" name="title" value="Members Section"/> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="10" text="Welcome to the Members Section!"/> </mx:AddChild> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="36" text="Here you can do great things, like join the forums @ Viper Creations!"/> </mx:AddChild> <mx:AddChild relativeTo="{panel1}" position="lastChild"> <mx:Label x="10" y="62" text="Label"/> </mx:AddChild> </mx:State> </mx:states> <mx:Script> <![CDATA[ import mx.rpc.events.ResultEvent; ]]> </mx:Script> <mx:Script> <![CDATA[ private function checkLogin(evt:ResultEvent):void { if(evt.result.loginsuccess == "yes") { currentState = "Logged In"; } if(evt.result.loginsuccess == "no") { mx.controls.Alert.show(''Invalid username/password''); } } ]]> </mx:Script> <mx:HTTPService id="login_user" result="checkLogin(event)" showBusyCursor="true" method="POST" url="http://www.vipercreations.com/site_admin/login.php" useProxy="false"> <mx:request xmlns=""> <username> {username.text} </username> <password> {password.text} </password> </mx:request> </mx:HTTPService> <mx:Panel resizeEffect="Resize" width="250" height="200" layout="absolute" title="Login System" horizontalCenter="0" verticalCenter="-2" id="panel1"> <mx:Label x="10" y="10" text="Username:" id="label1"/> <mx:TextInput x="10" y="36" id="username"/> <mx:Label x="10" y="66" text="Password:" id="label2"/> <mx:TextInput x="10" y="92" id="password" displayAsPassword="true"/> <mx:Button x="10" y="122" label="Submit" id="Submit" click="login_user.send();"/> </mx:Panel> </mx:Application>