HarmonyOS实现登录页面（六）测试（附DevEco Studio中的js代码）

测试

结果

对应代码

// data.result为http响应内容，可根据业务需要进行解析
console.info('Result:' + data.result);
// ***http 响应码*** success：200 | server_error：500 | resourse not found：404 | bad request：400| 405（后台POST GET请求混乱）
console.info('code:' + data.responseCode);

js代码

import router from '@ohos.router'
import http from '@ohos.net.http';
import prompt from '@ohos.prompt';
export default {
    data: {
        user:{
            username:'',
            password:''
        }
    },
    onInit() {
    },
    changeUsername(event){//通过方法获得输入框的值
        this.user.username = event.value;
    },
    changePassword(event){//通过方法获得输入框的值
        this.user.username = event.value;
    },
    login(){
        console.log("user:" + JSON.stringify(this.user));
        // 每一个httpRequest对应一个http请求任务，不可复用
        let httpRequest = http.createHttp();
        // http://cmn8ut.natappfree.cc/api/login
        httpRequest.request(
            // ***填写http请求的url地址，可以带参数也可以不带参数。URL地址需要开发者自定义。请求的参数可以在extraData中指定***
            'http://nja5ih.natappfree.cc/api/login',
            {
                method: http.RequestMethod.POST, // 可选，默认为http.RequestMethod.GET
                // 开发者根据自身业务需要添加header字段
                header: {
                    'Content-Type': 'application/json'
                },
                // ***当使用POST请求时此字段用于传递内容***
                extraData: this.user,
                connectTimeout: 60000, // 可选，默认为60s，连接超时时间
                readTimeout: 60000, // 可选，默认为60s，读取超时时间
            }, (err, data) => {//err成功与否，data后台服务器返回的结果
                if (!err) {//成功
                    // data.result为http响应内容，可根据业务需要进行解析
                    console.info('Result:' + data.result);
                    // ***http 响应码*** success：200 | server_error：500 | resourse not found：404 | bad request：400| 405（后台POST GET请求混乱）
                    /**
                     * Result:{"data":{"dingNumber":"未绑定","email":"1234e45432@qq.com","id":1,
                     * "nickname":"神里凌华","password":"","phone":"123345653434","qqNumber":"2354754345",
                     * "signature":"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa","stuNumber":"zz-2002-001",
                     * "username":"z","wechat":"zzhasid"},"message":"login success","operate":true}
                     */
                    console.info('code:' + data.responseCode);

                    //data.result >> 数据类型：String >> 为了后续的操作，需将data.result转成JSON对象
                    let result = JSON.parse(data.result);
                    if(result.operate){//成功跳转到首页

                        //将user 保存在app缓存（app.js）中，方便后续功能模块的使用，提高程序运行效率。

                        this.$app.$def.globalParams.user = result.data; // result.data > {"nickname":"神里凌华","password":"", ...}

                        router.push({
                            url:'pages/main/main'
                        });
                    }else{
                        prompt.showToast({
                            message: result.message
                        })
                    }

                } else {//失败
                    console.info('error:' + JSON.stringify(err));
                    // 当该请求使用完毕时，调用destroy方法主动销毁。
                    httpRequest.destroy();//对象销毁
                }
            }
        );

    }
}