如果聲明：如何編碼「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>