jQueryオートコンプリートレスポンス：nullのプロパティ 'length'を読み取ることができません

Question

「オートコンプリート」で結果が見つからない場合にボタンを表示する関数を作成しようとしています。

PHP

echo json_encode($row_set); 

JS

$('#objNr').autocomplete({ 
    source: 'php/v.php', 
    minLength: 2, 
    response: function(event, ui) { 
     // ui.content is the array that's about to be sent to the response callback. 
     if (ui.content.length === 0) { 
      $('#newTableBtn').removeClass('hidden'); 
     } else { 
      $("#newTableBtn").addClass('hidden'); 
     } 
    }, 
    error: function(err){ 
     console.log(err); 
    } 
}); 

検索がうまく動作します。私は結果を得る。しかし、私が結果が出なかったら、私はこのメッセージを受け取ります：

Uncaught TypeError: Cannot read property 'length' of null at HTMLInputElement.response

何が問題なのですか？

UPDATE PHP

while ($row = $stmt->fetch()){ 
    $row['id'] = $i+1; 
    $row_set[] = $row;//build an array 
} 
echo json_encode($row_set);//format the array into json data 

UPDATE JS

response: function(event, ui) { 
     if (ui.content != null && ui.content.length < 1) { 
      $('#newTableBtn').removeClass('hidden'); 
      console.log('if') 
     } else { 
      $("#newTableBtn").addClass('hidden'); 
      console.log('else') 
     } 
    }, 

この1つはエラーメッセージをクリアします..しかし、それ以外の場合は、それが結果だかどうか消灯します...

Answer 1

@björn-cとの長い議論の末、結果を取得する前に配列$row_setを初期化していないという問題があることが判明しました。このようにして、json_encodeは結果をnullにエンコードし、オートコンプリートでエラーがスローされます。

ので、修正はデシベルからの結果をフェッチwhileループで使用する前に

$row_set = array(); 

を置くことです。

そしてVoilà！ :)

Answer 2

これを試す：

if (ui.content != null && ui.content.length < 1) { 
    $('#newTableBtn').removeClass('hidden'); 
} else { 
    $("#newTableBtn").addClass('hidden'); 
} 

ui.contentがnullの場合、lengthプロパティを取得しようとすると例外がスローされます。そうでないことを確認してください。