H5和ArkTS交互，H5页面首次获取不到原生侧接口返回数据

问题1 ：Logger.error 打印getCache返回2打印有数据，但是html 端接受不到

getCache(parameter: Object): Promise<string> { 
  Logger.error('getCache调用', parameter.toString()); 
  this.KeyValueBean = JSON.parse(parameter.toString()) 
  return new Promise((resolve) => { 
  StorageUtils.get(this.KeyValueBean.key,this.KeyValueBean.content).then((result) => { 
  Logger.error('getCache返回2',  result.toString()); 
  resolve(result.toString()); 
}) 
}) 
}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.

问题2 ：断点打印先实行的 return this.mFruit;返回为空然后才打印log这种第一次点击接收不到值，第二次才能接受的

getCache(parameter: Object): string { 
  Logger.error('getCache调用', parameter.toString()); 
  this.KeyValueBean = JSON.parse(parameter.toString()) 
  StorageUtils.get(this.KeyValueBean.key,this.KeyValueBean.content).then((result) => { 
    this.mFruit = result.toString(); 
    Logger.error('getCache返回2',  this.mFruit); 
  }) 
  return this.mFruit; 
}1.
2.
3.
4.
5.
6.
7.
8.
9.

HarmonyOS

椰子的笔记

2024-08-02 18:05:19

浏览

回答 1

按赞同

按时间

在攒六便士

ArkTS访问首选项提供了异步和同步两种方式，上面遇到的问题可能是访问的异步方法导致，有两种解决方案

方案1：将 ets 和 html中的方法都改成异步调用

// xxx.ets 中异步方法 
async  getCache(parameter: Object): Promise<string> { 
  console.log("打印="+parameter.toString()) 
  this.KeyValueBean = JSON.parse(parameter.toString()) 
  let result = await StorageUtils.get(this.KeyValueBean.key,this.KeyValueBean.content); 
  return  result.toString(); 
}
// xxx.html 调用处也改成异步调用 
window.jsBridge_jzt.getCache(JSON.stringify(json)).then((res)=>{ 
  $("#result").text(res); 
})1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

方案2：将 ets 和 html中的方法都改成同步调用，同时将所以调用首选项的异步方法都改成同步的（带Sync的方法）

// xxx.ets写法 
getCache(parameter: Object): string { 
  console.log("打印="+parameter.toString()) 
  this.KeyValueBean = JSON.parse(parameter.toString()) 
  // 方法里调用数据库方法改成同步方法   
  let result = StorageUtils.getSync(this.KeyValueBean.key,this.KeyValueBean.content) ; 
  this.mFruit = result; 
  console.log("打印返回数据"+parameter.toString()) 
  return this.mFruit; 
}
// xxx.html 写法 
$("#result").text(window.jsBridge_jzt.getCache(JSON.stringify(json)));1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.

2024-08-02 22:06:11

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

发布

51CTO

51CTO博客

51CTO学堂

H5和ArkTS交互，H5页面首次获取不到原生侧接口返回数据

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