If 语句：如何编写"if"代码，以便在有命中时正常工作

Question

当我想指定我希望代码仅在有搜索结果时才发生时，有人知道如何执行if语句吗？

例如，当用户搜索馅饼食谱并且有结果时，应该调用if。但是当用户搜索没有得到任何结果的东西时，应该else这样做。

var searchword = $('#search').val(); //search is id for the input field
if (searchword ...? ) {
 // there's a hit for the search and code continues
 }
else {
// there aren't any hits so this code continues
}

我首先尝试使用if (searchword > 0) { }但这并没有真正做我想要它做的事情。因此，用户应该能够在输入字段上写入，但是如果有搜索结果，则应完成if，如果没有，则应进行else。

如果有助于理解，这是代码的漏洞部分：

function () {
        var searchword = $('#search').val();
        if ( // statement here ) {
          $.ajax({
            url: "https://webservice.informatik.umu.se/webservice_livsmedel/getlivsmedel.php",
            dataType: "jsonp",
            jsonp: "getLivsMedel",
            data: {
              callback: 'getLivsMedel',
              namn: searchword
            }
          });
        } else {
          $("tbody").empty();
        }   
}
function getLivsMedel(response) {
    var livsmedel = response.livsmedel;
    livsmedel.forEach(function (produkt) {
        $('#tabell > tbody').append('<tr>' + '<td>' + produkt.namn + '</td>' + '<td>' + produkt.energi + '</td>' + '<td>' + produkt.kolhydrater + '</td>'
+ '<td>' + produkt.protein + '</td>' + '<td>' + produkt.fett + '</td>' + '</tr>');
    });
}

Answer 1

根据

评论更新

   function () {
                var searchword = $('#search').val();      
                  $.ajax({
                    url: "https://webservice.informatik.umu.se/webservice_livsmedel/getlivsmedel.php",
                    dataType: "jsonp",
                    jsonp: "getLivsMedel",
                    data: {
                      callback: 'getLivsMedel',
                      namn: searchword
                    }
                  });
                }

function getLivsMedel(response) {
    if(!$.isEmptyObject(response)){
        var livsmedel = response.livsmedel;
        livsmedel.forEach(function (produkt) {
            $('#tabell > tbody').append('<tr>' + '<td>' + produkt.namn + '</td>' + '<td>' + produkt.energi + '</td>' + '<td>' + produkt.kolhydrater + '</td>'
    + '<td>' + produkt.protein + '</td>' + '<td>' + produkt.fett + '</td>' + '</tr>');
        });
    }   
   else {
          $("tbody").empty();
        } 
    }

Answer 2

看看这是否是你要找的。

$('#sok-button').click(function() {
  var searchQuery = $('#livsmedelsSokOrd').val();
  $.ajax({
    url: 'https://webservice.informatik.umu.se/webservice_livsmedel/getlivsmedel.php',
    data: {
      namn: searchQuery
    },
    type: "POST",
    dataType: "jsonp",
    success: function(data) {
      $('#tabell > tbody').html('');
      getLivsMedel(data);
    },
    error: function(req, status, err) {
      console.log('something went wrong');
    }
  });
});
function getLivsMedel(response) {
  var livsmedel = response.livsmedel;
  if (livsmedel.length > 0) {
    livsmedel.forEach(function(produkt) {
      $('#tabell > tbody').append('<tr>' + '<td>' + produkt.namn + '</td>' + '<td>' + produkt.energi + '</td>' + '<td>' + produkt.kolhydrater + '</td>' +
        '<td>' + produkt.protein + '</td>' + '<td>' + produkt.fett + '</td>' + '</tr>');
    });
  } else {
    $('#tabell > tbody').html('None');
  }
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="" id="livsmedelsSokOrd" value="" />
<button id="sok-button">
Search
</button>
<span id="tabell">
</span>
<table id="tabell">
  <thead>
    <tr>
      <th>Namn</th>
      <th>Energi</th>
      <th>kolhydrater</th>
      <th>Protein</th>
      <th>Fett</th>
    </tr>
  </thead>
  <tbody></tbody>
</table>