HarmonyOS+Django数据传输-----------------笔记一

头秃小程

已于 2022-07-18 23:56:49 修改

阅读量293

点赞数

于 2022-07-18 23:54:26 首次发布

本文链接：https://blog.youkuaiyun.com/Maruko_428/article/details/125862613

版权

网页前端同时被 3 个专栏收录

9 篇文章

订阅专栏

HarmonyOS

6 篇文章

订阅专栏

Django

5 篇文章

订阅专栏

本文介绍了在鸿蒙系统中进行前端配置的方法，包括config.json和deviceConfig的设置，以及请求权限的声明。同时，展示了如何在HML页面中通过JS实现HTTP请求，使用fetch API和querystring库来发送POST请求获取数据。当点击按钮时，页面会显示从后端接口获取的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.前端配置

1.config.json

1.deviceConfig

"default": {
      "process": "com.huawei.hiworld.example",
      "supportBackup": false,
      "network": {
        "cleartextTraffic": true
      }
    }

2. module

"reqPermissions": [
      {
        "name": "ohos.permission.GET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.SET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.INTERNET"
      }
    ],

2.页面

1.hml

<div class="container">
        <text class="txt">点击按钮</text>
        <button class="button01" onclick="onClick">
            请求响应
        </button>
        <text>{{winfo}}</text>
</div>

2.js

需要安装：qs库、fetch

npm install qs
npm install querystring

js内容

import fetch from '@system.fetch';
import qs from 'querystring';
export default{
    data:{
        winfo:"",
    },
    onClick(){
        fetch.fetch({
            //后端的接口，AppReq1为views中的类名   
            url:'http://“自己的请求端口”/“创建app的名称”/AppReq1/' ,
            data:qs.stringify({'id':'1'}),
            responseType:"json",
            method:"POST",
            success:(resp)=>{
                this.winfo = resp.data;
                console.log("返回数据："+this.winfo)
            },
            fail:(resp)=>{
                this.winfo = resp.data;
                console.log("获取数据失败："+this.winfo)
            }
        })
    }
}