两个系统之间的传值

文章介绍了在两个系统间传递数据的五种常见方式:通过URL参数、设置Cookie、使用LocalStorage或SessionStorage、PostMessageAPI以及Ajax请求。每个方法都附有代码示例,展示如何实现数据的发送与接收。
摘要由CSDN通过智能技术生成

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

  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); // 输出 hello
  res.sendStatus(200);
});
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_2524963996

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值