鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 25年5月软考 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对象

298浏览 • 1回复待解决

HarmonyOS web与H5交互

1048浏览 • 1回复待解决

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

161浏览 • 1回复待解决

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

435浏览 • 1回复待解决

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

227浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

1268浏览 • 1回复待解决

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

923浏览 • 1回复待解决

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

828浏览 • 1回复待解决

HarmonyOS 如何向H5传递cookie值

191浏览 • 1回复待解决

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

303浏览 • 1回复待解决

HarmonyOS Web组件加载H5白屏

350浏览 • 1回复待解决

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

302浏览 • 1回复待解决

HarmonyOS ArkTS与H5交互方法

373浏览 • 1回复待解决

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

3384浏览 • 1回复待解决

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

902浏览 • 1回复待解决

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

503浏览 • 1回复待解决

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

200浏览 • 1回复待解决

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

310浏览 • 1回复待解决

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

87浏览 • 1回复待解决

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

302浏览 • 1回复待解决

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

662浏览 • 1回复待解决

HarmonyOS h5和原生的交互，h5页面跳转很多层，是否支持拦截H5返回手势

433浏览 • 1回复待解决

Web中webview和H5交互

1333浏览 • 1回复待解决

h5与应用端的sdk通信问题

630浏览 • 1回复待解决

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

2295浏览 • 1回复待解决

提问

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

相关讨论帖

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

JavaScript 中的对象类型 0回复

webview加载Vue h5失败 0回复

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

基于H5框架的多设备开发指导 0回复

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