$ .getJSONを使用してオートコンプリートで「結果が見つかりません」を表示する方法

Question

応答が空のときに「結果が見つかりません」というメッセージを表示したい場合があります。その時にバックエンドセッションが期限切れになると、 jsonデータが必要なので、どのようにこのhtmlデータを処理できます。

$("#customers_name") 
    .bind("keydown", function(event) { 
    if (event.keyCode === $.ui.keyCode.TAB && 
     $(this).autocomplete("instance").menu.active) { 
     event.preventDefault(); 
    } 
    }) 
    .autocomplete({ 
    source: function(request, response) { 
     $.getJSON("ajax_functions.php", { 
     term: extractLast(request.term), 
     console: $('select[name="console"] option:selected').val(), 
     call: 'getCustomersEmailList', 
     nmsAdmin: '<?php echo tep_session_id();?>' 
     }, response); 
    }, 
    change: function (event, ui) { 
     if(!ui.item){ 
      $("#customers_name").val(""); 
     } 
    }, 
    focus: function() { 

     return false; 
    }, 
    select: function(event, ui) { 
     var customer_id = ui.item.customer_id; 
     var customer_email = ui.item.customerEmail; 
     console.log(ui); 
     $('#customer_id').val(customer_id); 
     $('#customer_email').val(customer_email); 
     var terms = split(this.value); 

     terms.pop(); 

     terms.push(ui.item.value); 

     terms.push(""); 
     this.value = terms.join(""); 
     return false; 
    } 
}); 

Answer 1

私はあなたのコードを編集して、うまく動作します。下のコードを確認してください。

$("#customers_name") 
    .bind("keydown", function(event) { 
    if (event.keyCode === $.ui.keyCode.TAB && 
     $(this).autocomplete("instance").menu.active) { 
     event.preventDefault(); 
    } 
    }) 
    .autocomplete({ 
    source: function(request, response) { 
     $.getJSON("ajax_functions.php", { 
     term: extractLast(request.term), 
     console: $('select[name="console"] option:selected').val(), 
     call: 'getCustomersEmailList', 
     nmsAdmin: '<?php echo tep_session_id();?>', 
     dataType:'json', 
     },response).fail(function(jqXHR, status, error){ document.location.href='login.php'; }); 
    }, 
    response: function(event, ui) { 
     console.log(ui.content); 
     if (ui.content.length === 0) { 
      alert("No results found"); 
     } 
    }, 
    change: function (event, ui) { 
     if(!ui.item){ 
      $("#customers_name").val(""); 
     } 
    }, 
    focus: function() { 

     return false; 
    }, 
    select: function(event, ui) { 
     var customer_id = ui.item.customer_id; 
     var customer_email = ui.item.customerEmail; 
     console.log(ui); 
     $('#customer_id').val(customer_id); 
     $('#customer_email').val(customer_email); 
     var terms = split(this.value); 

     terms.pop(); 

     terms.push(ui.item.value); 

     terms.push(""); 
     this.value = terms.join(""); 
     return false; 
    }, 
    error : function() { document.location.href='login.php';} 
});