将网站服务嵌入另一个网站的最佳方式

Question

我正在寻找可以帮助我解决一个独特问题的信息,方法或代码.我的第一个想法是使用iframe,但这似乎是在创建跨站点共享的可能问题.

我有一个网站(https://siteB.com),我想"嵌入"其他网站.它是用ASP.net编写的,使用会话变量,登录安全性,向社交媒体(FB,Twitter)发布消息等.任何社交媒体或电子邮件的链接,回发到siteB.com.

客户网站将是(http(s):// siteA.com).它们是非营利性网站,使用支付网关进行信用卡交易.由于交易的性质(税务目的),信用卡费用必须在siteA.com上管理 - siteB.com无法收集资金(对于这种情况),它不能是"直通"类型的交易.

所有用户的流程是访问siteA.com,使用嵌入式siteB.com中的服务,并使用信用卡进行siteA.com交易.siteB.com是工作完成的地方,但付款应该转移到siteA.com.总体而言,我们的目标是在siteA.com上为用户创建无缝体验,并将他们的卡交易发送到siteA.com.

iframe的问题:

1. 来自fb/twitter/email的超链接,查询字符串到iframed siteB.com上的特定页面无法正常工作(或无法开始工作)
2. 跨域共享会话数据是一个问题

欢迎任何建议,非常感谢.

Answer 1

你可以使用一个对象:

<object type="text/html" data="http://siteB.com" style="width:100%; height:100%">
<p>backup content in case it doesn't work</p>
</object>

并相应调整您的身高和宽度.

另外,您也可以使用jQuery所看到这里:

<script>$("#testLoad").load("http://siteB.com/");    
<div id="testLoad"></div>