【问题标题】：Pusher UI in laravellaravel 中的推送器 UI
【发布时间】：2018-01-31 02:09:04
【问题描述】：

我尝试在菜单的下拉菜单中获取推送通知，不知道该怎么做，这是我的 js 代码：

<script type="text/javascript">
      var pusher = new Pusher('xxxxxxxxxxxxxx', {
        cluster: 'ap1',
        encrypted: true
      });

      var channel = pusher.subscribe('notify');
      channel.bind('notify-event', function(data) {
          alert(data.message);
      });
</script>

提醒我成功收到通知，但我正在寻找的是在下面放置在我的导航栏中的 html 代码中获取它们：

<a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#"><span class="label label-pill label-danger count"></span> <span class="glyphicon glyphicon-bell"></span></a>

<ul class="dropdown-menu">
</ul>

这就是html code above的样子：

更新

我将js 代码更改为：

<script type="text/javascript">
      var pusher = new Pusher('xxxxxx', {
        cluster: 'ap1',
        encrypted: true
      });

      var channel = pusher.subscribe('notify');
      channel.bind('notify-event', function(data) {
        $.each(data, function(key, value) {
            $('#notifs').append('<li>'+ value + ' ' + value +'</li>');
            });
      });
<script>

和我的html：

<ul class="dropdown-menu" id="notifs">
</ul>

现在我得到如下结果：

PS：我试过 $('#notifs').append('<li>'+ value['message'] + ' ' + value['name'] +'</li>'); }); 但它返回了 undefined 所以我只是使用value，这就是我得到的。

【问题讨论】：

你在使用任何类型的 JS 框架吗？像 Vue.js 一样，它是新 Laravel 项目的默认设置？
@ceejayoz 不，我没有。我使用的只是我的问题中的 javascript
好的，那么你将不得不看看如何在原始 JS 中进行 DOM 操作 - 像 appendChild 这样的东西，或者采用某种框架。
我知道追加success:function(data) { $('#des').empty(); $('#des').append('something here');
好的，就这样吧。将元素附加到下拉菜单中。

标签： javascript html laravel pusher

【解决方案1】：

已解决

我不需要 foreach 只需要使用 data 本身的结果。

+ data.message + ' ' + data.name +

【讨论】：