AJAX 是否可以用于 Portlet 间通信？

Question

我知道您可以创建可刷新其内容的 portlet，而无需刷新整个门户页面，只需使用 JSR286 resourceURL 标记并执行 AJAX 调用即可。

我的问题是，是否可以在 Portlet A 中执行 AJAX 调用，然后以某种方式定位并动态更新 Portlet B？

这个想法是当您通过actionURL 或事件进行Portlet 间通信时，避免who 门户页面刷新（重新呈现）。

Answer 1

如果 Portlet B 不需要执行服务器端逻辑，那么您可以简单地在客户端上使用 pub/sub 并让 Portlet B 侦听 Portlet A 将发布的特定事件。

因此流程是：

1. 将初始 HTML 页面发送到客户端，同时打开 Portlet A 和 Portlet B。
2. 发布/订阅系统在客户端初始化。也许使用类似 amplifyjs 的东西。
3. 客户端上的 Portlet B 注册名为“MyDataUpdated”的主题（或者您想要为该主题指定的任何有意义的名称）。
4. 客户端通过 XHR 触发对 Portlet A 的serveResource 调用。
5. 服务器上的 Portlet A 执行serveResource 调用的逻辑。
6. 服务器上的 Portlet A 将其响应发送回客户端。
7. 客户端上的 Portlet A 使用serveResource 响应并使用主题“MyDataUpdated”发布结果。
8. 客户端上的 Portlet B 收到“MyDataUpdated”事件的通知。
9. 客户端上的Portlet B 可以自行刷新。

以这种方式使用 pub/sub 可将 portlet 彼此解耦。如果Portlet A 不存在，则Portlet B 不会中断。如果Portlet B 不存在，则Portlet A 不会中断。

如果 Portlet C 出现并且也能够获取 MyData，则该 Portlet 也可以开始发布“MyDataUpdated”事件，并且 Portlet B 也将开始获取这些事件。它免费获得新的更新！

Answer 2

您可以使用 jQuery的trigger() 和bind() 方法在portlet 之间进行通信。通过这种方法，所有通信都将在客户端（浏览器）上进行，无需任何服务器交互。

侦听事件的 Portlet B 应该执行如下操作：

$(document).bind("myevent", function(event, param) {
     // do your work here
     alert("message recieved with data " + param);
});

触发事件的 Portlet A 应该执行以下操作：

$(document).trigger("myevent", "mydata");