JQuery AJAX, если результаты пусты

Question

Я делаю поиск ajax с использованием jQuery, и все идет гладко. Однако я хочу иметь возможность сделать что-то особенное, если сам поиск успешен, но возвращает пустой результат. Например, я использую такой код для поиска:

jq.ajax({
  url: '/getMatches',
  dataType: 'json',
  data: 'text=' + jq(this).val(),
  success: function(data) {
    jq.each(data, function(k, v) {
      jq('#results ul').append('<li><a href="' + v.url + '">' + v.title + '</a></li>')
    });
  }
});

Если есть результаты, это будет выглядеть так:

<div id="results">
  <ul>
    <li><a href="www.example.com/one">Example one</a></li>
    <li><a href="www.example.com/two">Example two</a></li>
    <li><a href="www.example.com/three">Example three</a></li>
  </ul>
</div>

Я бы хотел сделать следующее, если результатов нет:

<div id="results">
  <p>There are no results</p>
</div>

Я ничего не видел в документах jQuery, так как я могу это сделать?

Answer 1

Предполагая, что данные ответа являются массивом JSON, вы можете просто проверить свойство length:

if(!data.length) {
   //no results...
   return;
}

jq.each(data, function(k, v) {
  jq('#results ul').append('<li><a href="' + v.url + '">' + v.title + '</a></li>')
});