鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 24年11月软考 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

1天前

浏览

赞

收藏 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>

回复

1天前

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

发布

相关问题

HarmonyOS 怎么给H5传递JSONObject对象

37浏览 • 1回复待解决

HarmonyOS web与H5交互

739浏览 • 1回复待解决

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

42浏览 • 1回复待解决

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

247浏览 • 1回复待解决

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

82浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

930浏览 • 1回复待解决

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

507浏览 • 1回复待解决

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

613浏览 • 1回复待解决

HarmonyOS 如何向H5传递cookie值

23浏览 • 1回复待解决

HarmonyOS Web组件加载H5白屏

24浏览 • 1回复待解决

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

69浏览 • 1回复待解决

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

219浏览 • 1回复待解决

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

3180浏览 • 1回复待解决

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

834浏览 • 1回复待解决

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

28浏览 • 1回复待解决

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

51浏览 • 1回复待解决

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

546浏览 • 1回复待解决

h5与应用端的sdk通信问题

267浏览 • 1回复待解决

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

82浏览 • 1回复待解决

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

48浏览 • 1回复待解决

Web中webview和H5交互

1115浏览 • 1回复待解决

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

2072浏览 • 1回复待解决

HarmonyOS web原生和H5如何交互？

562浏览 • 1回复待解决

HarmonyOS web通过loadData加载h5标签

268浏览 • 1回复待解决

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

266浏览 • 1回复待解决

提问

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

相关讨论帖

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

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

JavaScript 中的对象类型 0回复

webview加载Vue h5失败 0回复

Redis对象类型编码（补充内存篇） 0回复

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