Javascript 将内容推送到浏览器中…是否更改DOM？

嗯。我有一个我一直在从事的激情项目

我正处于拥有移动应用程序和后端的阶段， 实际上，我使用托管的消息传递/云处理服务作为我的新服务 后端，替换我自己的服务器

问题在于我不能理解javascript

我知道如何从手机到后端以及所有这些好东西。。。 我现在要做的只是更改DOM元素。 来自GO代码或Python代码

移动-->消息传递/处理-->浏览器/DOM

基本上推送url或html代码字符串，以便显示 在浏览器中

为此，我知道我唯一的选择是javascript

我已经看过推送器和web套接字

---

但是我仍然不明白如何真正改变html元素。

JavaScript来改变元素

HTML

参考资料

---

更改元素的JavaScript

HTML

参考资料

---

也许你可以使用反向AJAX，我使用的是DWR框架

---

也许你可以使用反向AJAX，我使用的是DWR框架

---

既然您考虑了Pusher，您可以从Pusher处获得必要的钥匙。一旦您有权访问它，在客户端中，您可以将添加到要“推送”事件的html文件中
然后你需要订阅一个频道（js）
一旦您从客户端订阅了一个频道。触发事件以及需要使用（python）发送的数据：
您可以从客户端（js）收听此事件：
Pusher与客户端保持websocket连接，一旦服务器触发事件，Pusher就会在客户端引发该事件
DOM操作（更改）：
您所指的DOM更改可以通过多种方式完成。以下提到了一些：
• 在前端准备好所有内容（html代码），根据服务器的推送消息，可以显示/隐藏DOM的不同部分，如上面提到的部分
• 基于pusher消息使用javascript动态构建DOM
• 从服务器发送HTML代码并简单地将其附加到DOM中
重要的这里需要注意的是，在上面的示例中，DOM操作是使用名为jQuery的库来完成的。jQuery使您可以轻松地进行DOM操作

---

另请参阅文章，以开始使用jQuery进行DOM操作（更改）。
既然您考虑了Pusher，您可以从Pusher获得必要的键。一旦您有权访问它，在客户端中，您可以将添加到要“推送”事件的html文件中
然后你需要订阅一个频道（js）
一旦您从客户端订阅了一个频道。触发事件以及需要使用（python）发送的数据：
您可以从客户端（js）收听此事件：
Pusher与客户端保持websocket连接，一旦服务器触发事件，Pusher就会在客户端引发该事件
DOM操作（更改）：
您所指的DOM更改可以通过多种方式完成。以下提到了一些：
• 在前端准备好所有内容（html代码），根据服务器的推送消息，可以显示/隐藏DOM的不同部分，如上面提到的部分
• 基于pusher消息使用javascript动态构建DOM
• 从服务器发送HTML代码并简单地将其附加到DOM中
重要的这里需要注意的是，在上面的示例中，DOM操作是使用名为jQuery的库来完成的。jQuery使您可以轻松地进行DOM操作

---

另请参阅文章，以开始使用jQuery进行DOM操作（更改）。
您能否在此详细说明如何进行div更改……这是每个人都认为很明显的一部分。如何进行div更改？@sirvon您可以参考一些有关如何进行DOM操作的在线资源。作为一个起点，请参考本文。您希望做什么样的dom更改？感谢@tamillharasan，我将继续从这里学习您提供的资源和指导。谢谢你们again@midhunkrishna如何使用pusher-diff而不是SSE或http-push？您能否在此详细说明如何更改div…这是每个人都认为很明显的部分。如何更改div？@sirvon您可以参考一些有关如何进行dom操作的在线资源。作为一个起点，请参考本文。您希望做什么样的dom更改？感谢@tamillharasan，我将继续从这里学习您提供的资源和指导。谢谢你们again@midhunkrishna与使用SSE或http推送相比，如何使用pusher-diff？询问者似乎是JavaScript的初学者。如果你提到如何将它与他们正在做的事情真正集成起来，也许这个答案对他们更有用？询问者似乎是JavaScript的初学者。如果你提到如何将它与他们正在做的事情结合起来，也许这个答案对他们更有用？

<div id="myDiv" class="divvy">some content</div>

// selecting elements
var elementById = document.getElementById("myDiv");     // returns the element by id
var elements = document.getElementByClassName("divvy"); // returns array of all elements with this class

var channelName = "my-channel"
var channel = pusher.subscribe(channelName);

push = pusher.Pusher(app_id='your-pusher-app-id', key='your-pusher-key', secret='your-pusher-secret')
push['my-channel'].trigger('dom-change-event', {'data': 'data'})

channel.bind("dom-change-event", function(data){ // the data you Pushed from backed
  $(".div-to-change").hide(); // with the help of jQuery select the dom, and hide it.
})