javascript - 不输入数据的搜索将导致网站囤积

Question

当我在不插入数据的情况下单击搜索时，我的搜索遇到问题，网站将停止。

$('#search-btn').on('click',function(){
    var query = $("#keyword").val();
    var query_url = "<?php echo site_url('item_controller/searchItem'); ?>";

    $.ajax({
        type:'POST',
        url: query_url,
        data:{query: $("#keyword").val()},
        dataType:'json',
        async: false,
        success:function(d){

            $("#example tbody").html("");
            for(i in d){
                $("#example tbody").append("<tr><td style='text-align: center; color:' data-code='TRUE'>" + d[i]['item_code'] + "</td><td style='text-align: left' data-name='TRUE'>" + d[i]['item_name'] + "</td><td><div style='text-align: center'><input type='button' value='ADD' class='k-button' id='" + d[i]['item_code'] + "' data-item=TRUE /></div></td></tr>");
            }

        },

    });    

});

Answer 1

只需将 if 条件添加到您的代码中。

    $('#search-btn').on('click',function(){
    var query = $("#keyword").val();
    if(query === '') { 
alert('please enter some text');}else{ //do your stuff }.

你也可以使用这个条件来检查你的字符串值。

if(query.length == 0) {
    }

Answer 2

$('#search-btn').on('click',function(){
var query = $("#keyword").val();
var query_url = "<?php echo site_url('item_controller/searchItem'); ?>";
if (query !== '') {
  $.ajax({
    type:'POST',
    url: query_url,
    data:{query: $("#keyword").val()},
    dataType:'json',
    async: false,
    success:function(d){

        $("#example tbody").html("");
        for(i in d){
            $("#example tbody").append("<tr><td style='text-align: center; color:' data-code='TRUE'>" + d[i]['item_code'] + "</td><td style='text-align: left' data-name='TRUE'>" + d[i]['item_name'] + "</td><td><div style='text-align: center'><input type='button' value='ADD' class='k-button' id='" + d[i]['item_code'] + "' data-item=TRUE /></div></td></tr>");
        }

      },

   });   
 } 
});