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>

?

程序運行結果：

?

?

?