鸿蒙开发者社区

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考信创认证华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS web与h5希望传递对象而不是string，且对象的key支持number类型

HarmonyOS

2024-12-25 14:36:08

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以参考

// xxx.ets
import { webview } from '@kit.ArkWeb';
import { BusinessError } from '@kit.BasicServicesKit';

class student {
  name: string = '';
  age: string = '';
}

class testClass {
  constructor() {
  }

  // 传递的基础类型name:"jeck", age:"12"。
  test(): student {
    let st: student = { name: "jeck", age: "12" };
    return st;
  }

  toString(param: ESObject): void {
    console.log('Web Component toString' + param["name"]);
  }
}

@Entry
@Component
struct Index {
  webviewController: webview.WebviewController = new webview.WebviewController();
  @State testObj: testClass = new testClass();

  build() {
    Column() {
      Button('refresh')
        .onClick(() => {
          try {
            this.webviewController.refresh();
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Button('Register JavaScript To Window')
        .onClick(() => {
          try {
            this.webviewController.registerJavaScriptProxy(this.testObj, "testObjName", ["test", "toString"]);
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
      Web({ src: $rawfile('index.html'), controller: this.webviewController })
    }
  }
}

<!DOCTYPE html>
  <html>
  <body>
  <button type="button" onclick="callArkTS()">Click Me!</button>
  <p id="demo"></p>
  <script>
  function callArkTS() {
    console.log(JSON.stringify(testObjName.test()))
    testObjName.toString(testObjName.test());
  }
  </script>
  </body>
  </html>

回复

2024-12-25 17:43:28

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS 怎么给H5传递JSONObject对象

1037浏览 • 1回复待解决

HarmonyOS web与H5交互

1937浏览 • 1回复待解决

HarmonyOS navigation传递参数能否支持对象传递，想传key value

690浏览 • 1回复待解决

HarmonyOS Webview里面可以获取到h5的window对象吗

891浏览 • 1回复待解决

HarmonyOS Web组件加载的h5网页如何获取到网页的window对象？

1289浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

2705浏览 • 1回复待解决

HarmonyOS Resource类型的对象如何获取到key值

1448浏览 • 1回复待解决

HarmonyOS web组件加载h5，h5拉起摄像头

1969浏览 • 1回复待解决

HarmonyOS Web是否支持H5里使用localStorage或sessionStorage？

1244浏览 • 1回复待解决

HarmonyOS Web组件加载H5白屏

1233浏览 • 1回复待解决

HarmonyOS 通过h5定位getCurrentPosition获取到的定位数据为空对象

955浏览 • 1回复待解决

HarmonyOS 如何向H5传递cookie值

952浏览 • 1回复待解决

web组件的controller被注册jsbridge的类对象引用后，导致在类对象方法内部调用h5方法时方法卡死

1395浏览 • 1回复待解决

HarmonyOS h5 web上传图片，文件的demo

1125浏览 • 1回复待解决

HarmonyOS ArkTS与H5交互方法

1226浏览 • 1回复待解决

应用中内置web如何实现与h5的交互传参？

1144浏览 • 1回复待解决

如何将Resource资源对象转成string类型

4724浏览 • 1回复待解决

HarmonyOS @Prop可以监听Record<string, Object>类型的对象吗？

791浏览 • 1回复待解决

web控件加载h5, h5里的javascript打印的console.info在哪里看?

3111浏览 • 1回复待解决

h5与应用端的sdk通信问题

1377浏览 • 1回复待解决

HarmonyOS flutter与h5交互传参是否支持回调

984浏览 • 1回复待解决

h5嵌入HarmonyOS ，与HarmonyOS ArkTS进行交互

1417浏览 • 1回复待解决

HarmonyOS Web组件注入js怎么传递对象

1277浏览 • 1回复待解决

HarmonyOS RawFileDescriptor类型对象，如何转化为string或者Resource？

1066浏览 • 1回复待解决

HarmonyOS页面中加载了web网页，希望在网页H5获取数据后，传递给前端组件更新状态。这个怎么实现？

916浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

在HarmonyOS上实现ArkTS与H5的交互 0回复

JavaScript 中的对象类型 0回复

ArkUI-X与H5混合开发：鸿蒙端“原生+Web”界面的融合方案 0回复

webview加载Vue h5失败 0回复

轻松上手-Navigation路由 H5 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载