Laravel中的Pusher UI

Question

我嘗試在菜單的下拉菜單中獲取推送通知，但不確定如何執行操作，這是我的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>'); }); $('#notifs').append('<li>'+ value['message'] + ' ' + value['name'] +'</li>'); }); 但是它返回的是undefined所以我只用了value ，這就是我得到的。

Answer 1

解決了

我不需要foreach結果，只需要使用data本身即可。

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