蓝河应用（BlueOS）如何发起数据请求【坚果派-坚果】

蓝河应用（BlueOS）如何发起数据请求【坚果派-坚果】

上一节我们完成了路由跳转，这一节我们来看一下如何数据请求。

作者：坚果

华为HDE，润开鸿生态技术专家，坚果派创始人，OpenHarmony布道师，开发者联盟优秀讲师，2023年开源之夏导师,2023年OpenHarmony应用创新赛导师,OpenHarmony金融应用创新赛导师，RISC-V+OpenHarmony应用创意赛导师，OpenHarmony三方库贡献者，开放原子开源基金会技术+生态贡献者，第一批开放原子开源讲师，曾受邀参加2022，2023HDC大会，OpenHarmony校源行开源大使，博客专家，电子发烧友MVP，51CTO博客专家博主，阿里云博客专家，专注于分享的技术包括HarmonyOS/OpenHarmony，ArkUI-X，元服务，服务卡片，华为自研语言，在2022年战码活动中，带领100余人完成pr的提交，配合孵化三个小队长。也在此活动中累计完成1.5W行代码提交，在2023年OpenHarmony创新赛中。累计辅导60+队伍，完成作品的提交，并有9个获奖。在2023年OpenHarmony金融应用创新赛中。累计辅导14+队伍，完成作品的提交。

一、接口声明

在src/manifest.json中声明权限。

{ "name": "blueos.network.fetch" }

二、导入模块

在script中导入模块。

import fetch from '@blueos.network.fetch' 或 const fetch = require('@blueos.network.fetch')

三、查看接口文档fetch.fetch(OBJECT)

参数：

data 与 Content-Type 关系

success 返回值：

responseType 与 success 中 data 关系：

四、发起请求

完整源码

onBtnClick()  {
       fetch.fetch({
  url: 'https://v2.alapi.cn/api/mingyan?token=qlVquQZPYSeaCi6u',
    header: {
          'Content-Type': 'application/json'
        },
  success: function (response) {
    console.log(`the status code of the response: ${response.code}`)
   
    console.log(`the headers of the response: ${JSON.stringify(response.data)}`)
  },
  fail: function (data, code) {
    console.log(`handling fail, errMsg = ${data}`)
    console.log(`handling fail, errCode = ${code}`)
  },
})
  }

查看控制台输出。

五、完整源码

完整源码

<template>
  <div class="wrapper">
    <text class="title">{{ title }} </text>
    <text>{{ key }}</text>
    <text>{{ message.data.content }}</text>
    <text>{{ '作者：' + message.data.author }}</text>
    <input
      class="btn"
      type="button"
      value="获取网络数据"
      onclick="onBtnClick"
    />
  </div>
</template>
<script>
import fetch from '@system.fetch'
console.log(typeof fetch.fetch)
export default {
  data: {
    title: '

标签：code,console,log,蓝河,BlueOS,response,坚果,data,fetch	

From： https://blog.51cto.com/jianguo/9139732