HttpService远程校验

今天学了下HttpService，和大家分享一下。HttpService是用来读取远程数据的一个对象，数据格式为XML。

我做了一个登陆校验的功能，主要是通过HttpService将服务器端的用户数据得到，然后在客户端判断输入的用户名和密码是否存在。

 

主要步骤如下：

1. 声明HttpService对象
2. 调用HttpService对象的send()方法
3. 使用ResultEvent.result方法得到返回数据 或者 使用HttpService.lastResult方法得到返回数据

 

程序代码：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
               creationComplete="userpassService.send()">
    <fx:Declarations>
        <!-- 将非可视元素（例如服务、值对象）放在此处 -->
        <s:HTTPService id="userpassService" url="http://localhost:8080/xmltest/users.xml" result="handlerUserPassSend(event)"
                       resultFormat="e4x">
        </s:HTTPService>
    </fx:Declarations>
    
    <fx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.rpc.events.ResultEvent;
            
            /**通过HttpService得到远程数据*/
            private var usersArr:XMLList;
            private function handlerUserPassSend(event:ResultEvent):void
            {
                //接收返回的数据
                var returnObj:Object = event.result;
                usersArr = returnObj.users.user;
            }
            
            private function handlesendButtonClick(event:Event):void
            {
                if(judgeText())
                {
                    for(var i:int = 0; i < usersArr.length; i++)
                    {
                        var usernameIn:String = usersArr[i].username;
                        var passwordIn:String = usersArr[i].password;
                        if(usernameIn == username && passwordIn == password)
                        {
                            Alert.show("用户登陆成功");
                            return;
                        }
                    }
                    
                    Alert.show("用户不存在");
                    return;
                }
            }
            
            /**判断输入是否合法*/
            private var username:String;
            private var password:String;
            private function judgeText():Boolean
            {
                if(usernameText.text == "" || usernameText.text == null)
                {
                    Alert.show("用户名不能为空");
                    return false;
                }
                else if(passwordText.text == "" || passwordText.text == null)
                {
                    Alert.show("密码不能为空");
                    return false;
                }
                
                username = usernameText.text;
                password = passwordText.text;
                
                return true;
            }
        ]]>
    </fx:Script>
    
    
    <s:Panel width="40%" height="40%" horizontalCenter="0" verticalCenter="0">
        <s:Form width="80%" height="80%">
            <s:FormItem label="username: " fontSize="20">
                <s:TextInput id="usernameText"/>
            </s:FormItem>
            <s:FormItem label="password: " fontSize="20">
                <s:TextInput id="passwordText"/>
            </s:FormItem>
            <s:FormItem>
                <s:Button id="sendButton" label="login" click="handlesendButtonClick(event)"/>
            </s:FormItem>
        </s:Form>
    </s:Panel>
</s:Application>

 第7~10行声明了一个HttpService对象，其中url属性指定的是要请求的资源路径，这里是本地tomcat服务器的xmltest/users.xml, result属性是请求资源返回后触发的方法， resultFormat属性是将返回的数据类型转换的格式，这里使用e4x格式是指将数据按XML格式读取，而不是封装成对象。

 

远程数据:(http://localhost:8080/xmltest/users.xml)

<?xml version="1.0" encoding="UTF-8"?>
<users>
    <user>
        <username>yuan</username>
        <password>123</password>
    </user>
    <user>
        <username>quan</username>
        <password>589</password>
    </user>
</users>

 

程序运行结果：