鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 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对象

1054浏览 • 1回复待解决

HarmonyOS web与H5交互

1959浏览 • 1回复待解决

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

709浏览 • 1回复待解决

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

1303浏览 • 1回复待解决

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

910浏览 • 1回复待解决

HarmonyOS web与H5两端数据交互

2743浏览 • 1回复待解决

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

1996浏览 • 1回复待解决

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

1492浏览 • 1回复待解决

HarmonyOS 如何向H5传递cookie值

969浏览 • 1回复待解决

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

1285浏览 • 1回复待解决

HarmonyOS ArkTS与H5交互方法

1243浏览 • 1回复待解决

HarmonyOS Web组件加载H5白屏

1252浏览 • 1回复待解决

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

1167浏览 • 1回复待解决

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

986浏览 • 1回复待解决

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

4788浏览 • 1回复待解决

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

1003浏览 • 1回复待解决

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

1406浏览 • 1回复待解决

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

1329浏览 • 1回复待解决

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

1160浏览 • 1回复待解决

Web中webview和H5交互

2351浏览 • 1回复待解决

HarmonyOS web原生和H5如何交互？

1791浏览 • 1回复待解决

HarmonyOS web通过loadData加载h5标签

1633浏览 • 1回复待解决

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

804浏览 • 1回复待解决

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

936浏览 • 1回复待解决

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

1307浏览 • 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版权所有未经许可请勿转载