如何使用 javascript/Jquery 从第二个/另一个页面更新 HTML div？

Posted 2023-02-16

【中文标题】如何使用 javascript/Jquery 从第二个/另一个页面更新 HTML div？

【英文标题】：How to update HTML div from second/another page using javascript/Jquery?

【发布时间】：2013-09-10 06:21:28

【问题描述】：

我有两个 aspx 页面。 1）ActionPage.aspx 2) 显示页面.aspx

在 DispalyPage.aspx 中，我有一个 div displayDiv。 在 ActionPage.aspx 中，我有一个按钮 btnaction。

如果我点击btnaction（ActionPage.aspx），那个时候我想更新displayDiv（DispalyPage.aspx）的文字。

对此的任何提示都会有很大帮助。 提前致谢。

-- 维娜

【问题讨论】：

:S 页面是否要并排显示？如果是，请使用 ajax，如果不是，您应该将 div 的文本绑定到一个变量并更改它。

从ActionPage.aspx 发送的ajax 请求并将结果存储在会话中，并在DispalyPage.aspx 页面上不断检查会话是否存在而不是执行操作

如果文本很短，请尝试使用查询字符串。如果文本很长，请使用@Tushar Gupta 所说的会话..

【参考方案1】：

这种行为听起来像是一种聊天行为。如果我们所有的客户/客户都使用现代浏览器运行，那么您可以使用 websockets 来做到这一点。这里有一个用于 websockets 的 .Net 实现 (http://superwebsocket.codeplex.com/)。 websockets 的优点是它们是实时的。因此，您只需在 ActionPage.aspx 上按下一个按钮，然后向您的服务器发送一条消息，您的 Displaypage.aspx 就会立即得到更新。

你可以看看这个 *** 问题（服务器实现）： How to create a WebSocket server using SuperWebSocket

对于客户端，您可以使用本教程： http://www.tutorialspoint.com/html5/html5_websocket.htm

【讨论】：

不，它不像聊天行为。我刚刚给出了一个简单的场景。是否有任何 jquery 代码可以从另一个页面更新 HTML div？