HarmonyOS 怎么给H5传递JSONObject对象

controller: web_webview.WebviewController = null!;
this.controller.runJavaScript(`callMessageByFlowNo(${flowNo},${result})`);
1.
2.

通过这种方法，怎么给H5传递JSONObject对象，而不是string类型

jsResult.handlePromptConfirm(JSON.stringify(result))应该怎么传递json对象

HarmonyOS

put_get

2024-12-25 16:07:24

浏览

回答 1

按赞同

按时间

fox280

参考demo:

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

class Result {
  a:number
  b:string

  constructor(a: number, b: string) {
    this.a = a;
    this.b = b;
  }
}

@Entry
@Component
struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController();
  @State webResult: string = '';
  result:Result = new Result(1,'1')
  build() {
    Column() {
      Text(this.webResult).fontSize(20)
      Web({ src: $rawfile('index4.html'), controller: this.controller })
        .javaScriptAccess(true)
        .onPageEnd(e => {
          try {
            this.controller.runJavaScript(`test(${JSON.stringify(this.result)})`,
              (error, result) => {
                if (error) {
                  console.error(`run JavaScript error, ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
                  return;
                }
                if (result) {
                  this.webResult = result;
                  console.info(`The test() return value is: ${result}`);
                }
              });
            if (e) {
              console.info('url: ', e.url);
            }
          } catch (error) {
            console.error(`ErrorCode: ${(error as BusinessError).code},  Message: ${(error as BusinessError).message}`);
          }
        })
    }
  }
}


h5 ：
<!-- index.html -->
  <!DOCTYPE html>
  <html>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <script src="https://lib.baomitu.com/vConsole/3.15.0/vconsole.min.js"></script>
  <script>
  window.vConsole = new window.VConsole()
  </script>
  <body>
  Hello world!
  </body>
  <script type="text/javascript">
  function test(result) {

    console.log(result)
    console.log('Ark WebComponent')
    return 'result'
  }
  </script>
  </html>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.

2024-12-25 17:36:17

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

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 怎么给H5传递JSONObject对象

订阅鸿蒙技术特刊，精选内容抢先看