HarmonyOS webview是否支持拼接query参数？

通过webview打开h5页面，但是得把自定义Query参数，在H5端获取这些参数。

HarmonyOS

superinsect

2024-09-04 11:28:57

浏览

回答 1

待解决

回答 1

按赞同

按时间

Heiang

可以通过runJavaScript来进行传递参数

示例：ets

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  @State webResult: string = '' 
  @State text :string = 'Ark WebComponent' 
  build() { 
    Column() { 
      Text(this.webResult).fontSize(20) 
      Web({ src: $rawfile('xxx.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
        .onPageEnd(e => { 
          try { 
            this.controller.runJavaScript( 
              `test("${this.text}")`, 
              (error, result) => { 
                if (error) { 
                  let e: business_error.BusinessError = error as business_error.BusinessError; 
                  console.error(`run JavaScript error, ErrorCode: ${e.code}, Message: ${e.message}`); 
                  return; 
                } 
                if (result) { 
                  this.webResult = result 
                  console.info(`The test() return value is: ${result}`) 
                } 
              }); 
            if (e) { 
              console.info('url: ', e.url); 
            } 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
          } 
        }) 
    } 
  } 
}

html

<!-- index.html --> 
  <!DOCTYPE html> 
  <html> 
  <meta charset="utf-8"> 
  <body> 
  Hello world! 
  <div id="divCn"></div> 
  </body> 
  <script type="text/javascript"> 
  function test(value) { 
    document.getElementById('divCn').innerText = value 
    return "This value is from index.html" 
  } 
  </script> 
  </html>