从 InAppBrowser IONIC 5 获取 JSON 数据

Posted

技术标签:

【中文标题】从 InAppBrowser IONIC 5 获取 JSON 数据【英文标题】:Getting JSON Data from InAppBrowser IONIC 5 【发布时间】:2021-11-28 07:46:53 【问题描述】:

我正在使用 cordova 应用内浏览器插件。我返回的一页只是一堆我想存储在我的 IONIC 5 项目中的 JSON 数据。我还不知道如何使用插件接收数据并将其传输到应用程序。有这种可能吗?

谢谢

【问题讨论】:

你想在应用内使用数据(JSON-data)吗? 是的,我想在我的应用程序中使用它。 【参考方案1】:

要使用InAppBrowser 传输数据,您可以通过参数传递它,也可以接收从参数中获取的日期。下面举个小例子:

在 Page1.ts 上发送数据的快捷方式:

const dataToSend = `/$this.dataOne/$this.dataTwo`;
let finalUrl = `https://app-example.io` + dataToSend;
this.inAppB.create(finalUrl, '_system');

在 Page2.ts 上接收数据:

import  ActivatedRoute  from '@angular/router';

constructor(
    private actRoute: ActivatedRoute
)

ngOnInit() 
  this.actRoute.paramMap.subscribe( params => 
    console.log('Params => ', params);
    if (params) 
      let dataReceived = [params['params']['dataOne'], params['params']['dataTwo']];          
      console.log('dataReceived => ', dataReceived);
    
  

请根据您的代码和变量调整它,因为这只是一个简短的示例。

【讨论】:

@Huxel 如果您仍有疑问,请告诉我。 感谢您的回答和代码!几天后我会试试,然后告诉你。不幸的是,后端仍在开发中,还没有给我数据。我只有一个用于测试的 json 文件,这就是我问的原因。不过非常感谢!我会告诉你的

以上是关于从 InAppBrowser IONIC 5 获取 JSON 数据的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Ionic 5 的 InappBrowser 的 IOS 设备中显示“返回”选项?

发送帖子表单后未触发 Ionic 5 inappbrowser loadstop

如何使用 ionic inappbrowser 打开 iTunes 链接?

使用 Ionic + Windows Phone 8.1 显示 InAppBrowser

Ionic 2 InAppBrowser 选项不起作用

如何在控制器加载时立即显示 InAppBrowser 的实例,而 Ionic 应用程序不会无响应?