如何使用jQuery到laravel if-else变量

Question

我有一个约会项目。我们正在使用Laravel 6和JQuery 3.4.1

问题是我在接收Ajax时需要绘制DIV。

因此，JavaScript和刀片模板：

static countNewMessages() {
    $.get('/some/link/here', results => {
      let total = 0;
      if (results.length === 0) {
        $('.chat__list-block').each(function (index) {
          $(this).removeClass('chat__list-block_new');
        });
        $('.chat__list-non-read-counter').addClass('chat__list-non-read-counter_hidden').each(function (index) {
          $(this).text('');
        });
        $('#number-of-new-messages').addClass('d-none').removeClass('d-flex').html('');
        $('#inbox-messages-count-title').html('0');

        return false;
      }

      results.forEach(v => {
        if (Chat.containers?.threads) {
          let threadElement = $('.chat__list-block[data-pid=' + v.from_userid + ']');

          threadElement.addClass('chat__list-block_new');
          threadElement.find('.chat__list-non-read-counter')
            .addClass('chat__list-non-read-counter_hidden')
            .text(v.count);

          if (0 < threadElement.length && !threadElement.hasClass('chat__list-block_active') && 0 < v.count) {
            threadElement.find('.chat__list-non-read-counter')
              .removeClass('chat__list-non-read-counter_hidden');
          }
        }

        total += v.count;
        $('#number-of-new-messages').addClass('d-flex').removeClass('d-none').html(total);
        $('#inbox-messages-count-title').html(total);
      });
    });
  }

@if(count($threads))
<div>Chat requests</div>
@else
<div>No chat requests</div>
@endif

模板中的标准IF-ELSE行为非常适合我。如果用户访问页面但没有消息，则显示第二个块，如果他有消息，则将显示第一个块。但是，如果在块上“不聊天请求”并收到新消息的用户，则仅在完整的页面刷新后才渲染块“聊天请求”。

如果您需要更多信息，请告诉我

Answer 1

尝试以下操作：

@if(count($threads))
   <div data-threads-count="{{ count($threads) }}">Chat requests</div>
@else
   <div data-threads-count="{{ count($threads) }}">No chat requests</div>
@endif

现在您可以通过在jQuery ex中使用数据函数来访问线程计数：

$(selector).data('threads-count');

或

$(selector).attr('data-threads-count');

两个将返回线程计数

我希望它很有用