当前位置: 首页 > news >正文

两个系统之间的传值

在两个系统之间传值可以采用以下几种方式:

  1. 使用 URL 参数:可以将数据作为 URL 参数传递给另一个系统,另一个系统可以解析 URL 参数并获取数据。例如:Example Domain

  2. 使用 Cookie:可以在一个系统中设置 Cookie,另一个系统可以读取该 Cookie 并获取数据。

  3. 使用 LocalStorage 或 SessionStorage:可以在一个系统中将数据存储在 LocalStorage 或 SessionStorage 中,另一个系统可以读取该存储并获取数据。

  4. 使用 PostMessage API:可以使用 PostMessage API 在两个窗口之间传递消息。其中一个窗口可以使用 window.postMessage () 方法发送消息,而另一个窗口可以使用 window.addEventListener () 方法监听该消息。

  5. 使用 Ajax 请求:可以使用 Ajax 请求将数据发送到另一个系统,另一个系统可以解析请求并获取数据。

分别举例子

以下是几个简单的例子:

  1. 使用 URL 参数:

在 A 系统中,将数据作为 URL 参数传递给 B 系统:

var data = 'hello';
window.location.href = 'http://example.com/?data=' + data;

在 B 系统中,解析 URL 参数并获取数据:

var urlParams = new URLSearchParams(window.location.search);
var data = urlParams.get('data');
console.log(data); // 输出 hello

   2.使用 Cookie:

在 A 系统中,设置 Cookie:

var data = 'hello';
document.cookie = 'data=' + data;

 在 B 系统中,读取该 Cookie 并获取数据:、

var data = document.cookie.split('; ').find(row => row.startsWith('data=')).split('=')[1];
console.log(data); // 输出 hello

  3.   使用 LocalStorage:

        在 A 系统中,将数据存储在 LocalStorage 中:

var data = 'hello';
localStorage.setItem('data', data);

 在 B 系统中,读取 LocalStorage 中的数据

var data = localStorage.getItem('data');
console.log(data); // 输出 hello

4.  使用 PostMessage API : 

var data = 'hello';
window.parent.postMessage(data, '*');

 在 B 系统中,监听消息:

window.addEventListener('message', function(event) {var data = event.data;console.log(data); // 输出 hello
});

5. 使用 Ajax 请求:

在 A 系统中,使用 Ajax 请求将数据发送到 B 系统:

var data = 'hello';
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://example.com');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({data: data}));

 在 B 系统中,解析请求并获取数据:

app.post('/', function(req, res) {var data = req.body.data;console.log(data); // 输出 hellores.sendStatus(200);
});
http://www.lryc.cn/news/66494.html

相关文章:

  • PostgreSQL(五)JDBC连接串常用参数
  • 如何修改浏览器中导航栏的背景色和字体
  • 如何选择合适的智能氮气柜?
  • 双向链表(数据结构)(C语言)
  • 离线安装Percona
  • 界面控件Telerik UI for WinForms使用指南 - 数据绑定 填充(二)
  • 通过栈/队列/优先级队列/了解容器适配器,仿函数和反向迭代器
  • leetcode 704. 二分查找
  • 蓝牙耳机什么牌子好?500内好用的蓝牙耳机推荐
  • 设计模式 -- 中介者模式
  • 人工智能的未来之路:语音识别的应用与挑战
  • c++ 友元介绍
  • 四维轻云地理空间数据在线管理软件能够在线管理哪些数据?
  • 学习 GitHub 对我们有什么好处?
  • java记录-反射
  • 这次彻底不需要账号了,无需魔法永久白嫖GPT
  • 远程桌面连接是什么?如何开启远程桌面连接详细教程
  • lua实战(2)
  • UI自动化测试案例——简单的Google搜索测试
  • C++之虚函数原理
  • Windows Information Protection(WIP)部署方案
  • 细说Hibernate的缓存机制
  • 初识C++之线程库
  • ChatGLM-LLaMA-chinese-insturct 学习记录(含LoRA的源码理解)
  • JuiceFS-K8s部署
  • 2023最新版本Camtasia电脑录屏软件好不好用?
  • 第三章 Linux 初步
  • linux环境安装使用mysql详解
  • SUNTANS模型学习(9)——学习Tidal forcing算例
  • ​力扣解法汇总1010. 总持续时间可被 60 整除的歌曲