Flash与后台数据交互方法总结
P.S
最近有一些网友总是询问flash与后台数据交互的问题,因此我就做了一些总结和整理,也想方便大家了!
目前据我所知,Flash与后台数据交互共有下列几种方法(如果你觉得不全,你可告知一下,我会添加上去了):
1.LoadVars(XML)
2.Flash Remoting
3.Webservice
4.XMLSocket
一.LoadVars篇
我之所以把XML也放在这里说,是因为XML和LoadVars数据交互的方式大体相同,就是传递时的数据内容有点不一样而已!
我现在列出在开发过程最常用的"用户密码验证"实例,加以说明!
//=======================================================; // Flash代码; //=======================================================; //定义LoadVars对象; var data_lv = new LoadVars(); //提交的用户名变量和参数值; data_lv.username = "kinglong"; //提交的密码变量和参数值; data_lv.password = "king"; //提交后返回结果; data_lv.onLoad = function(success){ //success,数据提交是否成功; //这个只是表示数据传输是否成功,并不是用户验证的结果; if(success){ trace("数据提交成功!"); //result也是用户验证返回的实际结果! if(this.result=="true"){ trace("yes"); }else{ trace("no"); } }else{ trace("数据提交失败!"); } } //数据提交方法调用; //第一参数就是提交的页面地址; //第二参数就是返回结果对象(只要是LoadVars对象就可以了); //第三参数就是提交方式(这个和html中form表单类似,分为"post"和"get"两种方式) data_lv.sendAndLoad("http://www.klstudio.com/save.asp",data_lv,"post"); |
//=======================================================; |
LoadVars方式的优点:
1.flash代码实现起来简单,方便.
2.服务端接收页面和接收一个表单过来的数据一样处理,不需要专门的技术,所有服务端程序都可以实现!
LoadVars方式的缺点:
1.传递的变量不宜过多.
2.变量传递的值不宜过长.
3.变量传递值只能使用"字符串"这一种数据类型,数据类型单一.
4.数据返回值当中不能有"&"字符,因此比较复杂的返回值都需进行URL编码处理.
二、Flash Remoting
Flash Remoting这种数据接口是四个之中效率最高的!
其优点:
1.支持数据类型比较多(Converting from application server data types to ActionScript);
2.传递数据量比较大;
3.运行效率是现有几个当中最高的;
4.对各种后台的支持也比较好;
5.其还有调试模块(NetConnection Debugger)
其缺点:
1.需要flash端装Flash Remoting MX Components(这个是免费提供的);
2.需要后台服务端装相应版本的Flash Remoting模块才可以使用,MM提供的模块有j2ee和.net两个版本是要收费的,好在网上还有两个开源的(OpenAMF,AMFPHP);
3.好像Remoting对虚拟主机的支持不太好(可以去google搜索一下,有没有解决方法).
================================================================ Flash端代码说明:(我这里用as1.0版本为例,其他版本到MM站查找) ================================================================ //加载Remoting Component代码,这个是必须的; #include "NetServices.as" //加载Remoting 调试模块代码,这个是可选择的,用NetConnection Debugger查看调试信息; #include "NetDebug.as" if (inited == null){ inited = true; //设置默认网关; NetServices.setDefaultGatewayUrl("http://localhost:8500/flashservices/gateway"); //建立网关连接; gateway_conn = NetServices.createGatewayConnection(); //获取一个服务; myService = gateway_conn.getService("myservice", this); } //定义调用方法的函数; //调用函数; |
================================================================ 服务端方法定义(我这里以Coldfusion Component为例,其他版本请参考相应的资料) ================================================================ |
另附上Flash Remoting的在线帮助文件(Flash Remoting LiveDocs),MM网站上的Remoting相关的资料.
三、WebService
个人觉得WebService的数据访问速度,仅次于Remoting,但WebService是一种通用型的接口,一般服务端技术都支持的!
WebService的优点:
1.WebService的接口支持比较广泛(Java,ASP.Net,PHP,Coldfusion-我下面举例用);
2.WebService是一个通用型的接口,所以服务端写的接口,不局限于Flash使用,其他程序也可以调用,"一举两得"!
3.WebService和Remoting一样,支持多种数据类型!
4.今天还发现FMS除了支持Remoting接口,也支持WebService接口了:)
WebService的缺点:
Flash客户端到是没有什么问题,Flash的开发工具就自带了(WebServiceConnector 组件),但服务端虽说大多都支持这个接口技术,但除了Coldfusion生成WebService方便外,其他的实现都挺复杂的!
//=======================================; |
注意:如果返回结果是一个数据集的话,那每个字段名都要用大写,不管你的服务端是否大写!
================================================================ 服务端方法定义(我这里仍以Coldfusion Component为例,其他版本请参考上面提供的连接) ================================================================ |
调用的时候,只要在cfc路径后面加"?wsdl"就可以了,方便吧! :)
四、XMLSocket
这是LoadVars(XML)、Flash Remoting、Webservice、XMLSocket四种方法整理的最后一篇,也让大家久等了
(没想到前几篇的文章在网上挺受欢迎的,其中还有一人给我发邮件,相看我这个最后一篇,哈哈,还是挺欣慰的。
对转载我要声明一下,首先这几篇文章欢迎转载的,但要说明文章的作者,以及文章的原址吧,我发现有些网站转载,
连作者都不写了或者写的就不对。这一点会影响我以后写文章的心情的,特此说明一下!)。现在接下来转入正题了!
XMLSocket主要用于与服务端进行即时通信,目前的应用领域主要是Flash文本聊天和Flash在线游戏等方面。
XMLSocket的优点:
1、能和服务端即时通信;
2、Flash Player 5.0以上的版本内置类,不需另装组件或插件;
3、因为XMLSocket就是相当于一个Socket客户端,所以一般的中间件都支持的(如java,.Net等)
XMLSocket的缺点:
1、XMLSocket只能传字符串或xml格式的文本,数据类型单一;
2、XMLSocket服务端自行开发的话,需要对Socket技术比较了解才行,好在网上有现成的服务端软件
(商业的XMLSocket Server 有Unity、Fortress;开源的XMLSocket Server 有Oregano Multiuser Server);
3、还有就是XMLSocket的80端口与flash安全策略问题。(网上有一个解决方法,不知是否可行,请自行验证)
//=======================================; // Flash客户端(以Flash文本聊天为例); //=======================================; var paramObj:Object = new Object(); //命令分隔符; paramObj.CommandDelimiters = "-@@##@@-"; //用户列表分隔符; paramObj.PeopleDelimiters = "-@#@-"; //建立XMLSocket对象; var socket:XMLSocket = new XMLSocket(); //连接状态事件; socket.onConnect = function(success) { trace("socket.onConnect:"+success); if (!success) { trace("服务器连接失败,请检查网络状态!"); } }; //关闭事件; socket.onClose = function() { trace("服务端已关闭!"); logoutChat(); }; //数据通信事件; socket.onData = function(src) { //trace("socket.onData:"+src); doCommand(getCmdArrayByMsg(trim(src))); }; //用户登录; function loginChat():Void { //连接Socket服务端; socket.connect(“localhost”, “8888”); sendSocket("INFO"+paramObj.CommandDelimiters+msg); } //用户注销; function logoutChat(b:Boolean):Void { sendSocket("QUIT"); } //显示聊天信息; function showChat(msg:String):Void { trace(“聊天信息:”+msg); } //发送聊天信息; function sendChat(msg:String):Void{ sendSocket("MSG"+paramObj.CommandDelimiters+msg+paramObj.CommandDelimiters+msg); } //向服务端发送信息; function sendSocket(msg:String):Void { socket.send(msg+"\r"); } //处理服务端返回信息; function getCmdArrayByMsg(msg:String):Array { if (msg.charCodeAt(0) == 13 && msg.charCodeAt(1) == 10) { msg = msg.substr(2); } return msg.split(paramObj.CommandDelimiters); } function doCommand(arr:Array):Void { switch (arr[0]) { case "MSG" : showChat(arr[1]); break; case "TAKEN" : trace("你的登录名已经有了,请重新换一个登录名!"); break; case "PEOPLE" : doPeople(arr[1]); break; } } //显示在线用户列表; function doPeople(msg:String):Void { var people_arr:Array = msg.split(paramObj.PeopleDelimiters); trace(people_arr); } |
//上面与XMLSocket有关的主要代码,显示方面自己添加相关组件就行了!
//有一个注意点,在flash向服务端发送的命令的最后一定要加上“\r”,否则服务端无法收到消息(我的服务端是用Java开发的)
//=======================================;
// 服务端代码(我用java开发的,其他版本自行研究); // ChatServer.java //=======================================; package com.klstudio.socket.chat; import java.io.IOException; import java.net.ServerSocket; import java.net.Socket; import java.util.Vector; //import com.klstudio.util.Logger; /** * @author kinglong * * TODO 要更改此生成的类型注释的模板,请转至窗口-首选项- Java -代码样式-代码模板 */ public class ChatServer { //private Logger logger; private static Vector clients = new Vector(); private static ServerSocket server = null; private static Socket socket = null; public static String CommandDelimiters = "-@@##@@-"; public static String PeopleDelimiters = "-@#@-"; public ChatServer() { } public static void notifyRoom() { StringBuffer people = new StringBuffer("PEOPLE"+CommandDelimiters+"所有的人"); for (int i = 0; i < clients.size(); i++) { Client client = (Client) clients.elementAt(i); people.append(PeopleDelimiters+client.getClientName()); } sendClients(people); } public staticboolean checkName(Client newClient){ for(int i=0;i if(client != newClient && client.getClientName().equals(newClient.getClientName())){ return false; } } return true; } public static void closeAll(){ while(clients.size()>0){ Client client = (Client) clients.firstElement(); try { client.getClientSocket().close(); } catch (IOException e) { // TODO 自动生成 catch 块 //Logger logger = new Logger(System.out); //logger.log("错误-" + e.toString()); } finally { clients.removeElement(client); } } } public static synchronized void disconnect(Client client) { client.send(new StringBuffer("QUIT")); try { client.getClientSocket().close(); } catch (IOException e) { // TODO 自动生成 catch 块 //Logger logger = new Logger(System.out); //logger.log("错误-" + e.toString()); } finally{ clients.removeElement(client); } } public static synchronized void sendClients(StringBuffer sb) { for(int i=0;i client.send(sb); } } public static synchronized void sendClients(StringBuffer sb,String ownerName,String toName) { for(int i=0;i if(toName.equals(client.getClientName()) || toName.equals("所有的人") || ownerName.equals(client.getClientName())){ client.send(sb); } } } public static synchronized void sendClients(Client ownerClient) { for(int i=0;i if(client.getClientName().equals(ownerClient.getClientName())){ client.send(new StringBuffer("MSG"+CommandDelimiters+"系统信息>欢迎你进入!")); }else{ client.send(new StringBuffer("MSG"+CommandDelimiters+"系统信息>["+ownerClient.getClientName()+"]用户进入!")); } } } public static void main(String[] args) { int port = 8888; if(args.length>0){ port = Integer.parseInt(args[0]); } //Logger logger = new Logger(System.out); //logger.log("信息-ChatServer["+port+"]服务正在启动..."); try { server = new ServerSocket(port); } catch (IOException e) { // TODO 自动生成 catch 块 //logger.log("错误-"+e.toString()); } while(true){ if(clients.size()<5){ try { socket = server.accept(); if(socket != null){ //logger.log("信息-"+socket.toString()+"连接"); } } catch (IOException e) { // TODO 自动生成 catch 块 //logger.log("错误-"+e.toString()); } int i=0; do{ Client client = new Client(socket); if(client.getClientName() != null){ clients.addElement(client); if(checkName(client)){ //logger.log("信息-"+"目前有["+clients.size()+"]个用户已连接"); sendClients(client); client.start(); notifyRoom(); }else{ client.send(new StringBuffer("TAKEN")); disconnect(client); } i++; } break; }while(i }else{ try { Thread.sleep(200); } catch (InterruptedException e) { // TODO 自动生成 catch 块 //logger.log("错误-"+e.toString()); } } } } } |
//=======================================;
// Client.java //=======================================; /* * 创建日期2005-10-10 * * TODO 要更改此生成的文件的模板,请转至 * 窗口-首选项- Java -代码样式-代码模板 */ package com.klstudio.socket.chat; import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintStream; import java.net.Socket; //import com.klstudio.util.Logger; /** * @author kinglong * * TODO 要更改此生成的类型注释的模板,请转至窗口-首选项- Java -代码样式-代码模板 */ public class Client extends Thread { private Socket clientSocket; private String clientName; private String clientIp; private BufferedReader br; private PrintStream ps; //private Logger logger; private ChatServer server; public Client(Socket socket) { //this.logger = new Logger(System.out); this.clientSocket = socket; try { this.br = new BufferedReader(new InputStreamReader(socket.getInputStream(),"utf-8")); this.ps = new PrintStream(socket.getOutputStream(),true,"utf-8"); String info = this.br.readLine(); if(info!=null){ String[] info_arr = info.split(ChatServer.CommandDelimiters); if(info_arr.length>1){ this.clientName = info_arr[1]; } this.clientIp = socket.getRemoteSocketAddress().toString(); }else{ socket.close(); } } catch (IOException e) { // TODO 自动生成 catch 块 //this.logger.log("错误-" + e.toString()); } } /** * @return 返回 ip。 */ public String getClientIp() { return clientIp; } /** * @return 返回 name。 */ public String getClientName() { return clientName; } /** * @return 返回 socket。 */ public Socket getClientSocket() { return clientSocket; } public void send(StringBuffer msg){ this.ps.println(msg.toString()+"\0"); //this.ps.flush(); } public void run() { while (true) { String line = null; try { line = this.br.readLine(); } catch (IOException e) { // TODO 自动生成 catch 块 //this.logger.log("错误-" + e.toString()); ChatServer.disconnect(this); ChatServer.notifyRoom(); return; } if (line == null) { //this.logger.log("信息-[" + this.clientName + this.clientIp + "]用户离开!"); ChatServer.disconnect(this); ChatServer.notifyRoom(); if(this.clientName != null){ ChatServer.sendClients(new StringBuffer("MSG"+ChatServer.CommandDelimiters+"系统信息>[" + this.clientName + "]用户离开!")); } return; } //this.logger.log("信息-"+line); String[] cmd_arr = line.split(ChatServer.CommandDelimiters); String keyword = cmd_arr[0]; keyword = keyword.substring(1); if(keyword.equals("MSG")){ StringBuffer msg = new StringBuffer("MSG"+ChatServer.CommandDelimiters); msg.append(this.clientName+">"); msg.append(cmd_arr[1]); ChatServer.sendClients(msg,this.clientName,cmd_arr[2]); }else if(keyword.equals("QUIT")){ //this.logger.log("信息-[" + this.clientName + this.clientIp + "]用户离开!"); ChatServer.disconnect(this); ChatServer.notifyRoom(); ChatServer.sendClients(new StringBuffer("MSG"+ChatServer.CommandDelimiters+"系统信息>[" + this.clientName + "]用户离开!")); this.stop(); return; } } } } |
//注意,服务端向客户端发送的信息,必需以”\0”,空字符结尾,否则客户端也无法接收到信息!
Flash与后台数据交互方法总结相关推荐
- --@angularJS--自定义服务与后台数据交互小实例
1.myService.html: <!DOCTYPE HTML> <html ng-app="app"> <head> <tit ...
- ajax与后台php,怎么在thinkPHP5中使用ajax实现与后台数据交互
怎么在thinkPHP5中使用ajax实现与后台数据交互 发布时间:2021-03-20 17:20:01 来源:亿速云 阅读:87 作者:Leah 这篇文章给大家介绍怎么在thinkPHP5中使用a ...
- ajax连接前后端原理,前后端数据交互方法和原理
前后端数据交互方法和原理 发布时间:2018-10-28 11:25, 浏览次数:742 对于想要搞web的新手而言,会用html+css+javascript实现一个页面没什么太大的困难,但是想要前 ...
- 微信小程序数据库交互 php,微信小程序wx.request实现后台数据交互功能分析
本文主要介绍微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下 记录微信小程序wx.reques ...
- 前后端数据交互方法 汇总
这篇文章给大家介绍几种常用的前后端数据交互方法,并给出使用建议.以提高前后端协同开发的效率.非常的详细,推荐给小伙伴们,有需要的小伙伴可以参考下. 1.HTML赋值 输出到 Element 的 val ...
- springMVC之与json数据交互方法
2019独角兽企业重金招聘Python工程师标准>>> 因为我也要返回json数据.所以需要这个注解@ResponseBody,把Java对象转换成json字符串 注意: 1.@R ...
- servlet向ajax传递数据库,一、JSP、servlet、SQL三者之间的数据传递(前台与后台数据交互)...
背景: 目前业界很流行的MVC(model-view-control)开发模式,理解为 模型是Bean, 视图是 Html/Jsp, 控制是Servlet, 关联数据库的Dao web的运行机制: 数 ...
- 实现小程序与SSM后台数据交互
实现小程序与SSM后台数据交互 项目源码 文章目录 实现小程序与SSM后台数据交互 项目源码 1.controller 2.小程序js 实现效果 1.controller @RequestMappin ...
- vue使用ajax提交数据,vue使用ajax请求后台数据的方法
vue使用ajax请求后台数据的方法 发布时间:2020-10-15 16:54:41 来源:亿速云 阅读:108 作者:栢白 这篇文章主要介绍了vue使用ajax请求后台数据的方法,具有一定借鉴价值 ...
- js前台与后台数据交互-前台调后台
网站是围绕数据库来编程的,以数据库中的数据为中心,通过后台来操作这些数据,然后将数据传给前台来显示出来(当然可以将后台代码嵌入到前台).即: 下面就讲前台与后台进行数据交互的方法,分前台调用后台方 ...
最新文章
- 转 微博 linux中ctime,mtime,atime的区别
- c语言一个整数各位数字个数_C语言实现把字符串中的数字转换成整数
- ajax实现简单的点击左侧菜单,右侧加载不同网页
- php框架之laravel
- publiccms实现多层级选项卡效果
- 百度图神经网络——论文节点比赛baseline代码注解
- Android:Android SDK的下载与安装
- android控件的touch事件_聊聊Android嵌套滑动
- 模式对话框与非模式对话框的创建方法
- 初中高中睡前必看古诗名句
- Port Security (端口安全)
- JavaWeb - 工作窃取算法 Work-Stealing
- 指定locale为en US
- (copy)真正的程序员,请你站出来---结论:戒骄戒躁,脚踏实地
- A005 C++提高编程
- Office Professional Plus 2019 下载安装激活
- HDU 6595 Everything Is Generated In Equal Probability (期望dp,线性推导)
- 【教程】LATTICE DIAMOND 工程新建介绍
- 物联网项目(二)初建团队
- RISC-V学习笔记【执行】
热门文章
- Rust : 加密中数论基础知识、RSA加密算法及证明(待续)
- Julia: Array的确很强大
- 踩过坑才懂:如何快速打造技术产品
- OpenAnolis社区致Linux开发者的一封信
- Darabonba:多语言SDK开发终极解决方案
- slots游戏html5开发,unity自定义游戏框架Custom Slots fr amework 1.4
- select vue 获取name_在vue的组件中获取select2插件的值
- 【通信仿真】基于matlab蒙特卡罗算法2FSK系统抗噪声性能仿真【含Matlab源码 1632期】
- 【三维装箱】基于matlab粒子群算法求解三维装箱优化问题【含Matlab源码 950期】
- 【水果识别】基于matalb GUI灰度、二值化、滤波水果分级【含Matlab源码 1848期】