AJAX請求，過濾JSON響應html/javascript

Question

當我請求包含來自我的node.js服務器的人員信息（名字，姓氏）的.json文件時，我想根據用戶輸入的內容來過濾數據。

示例：我從服務器請求.json，這給了我一個人員列表，但是當我開始在文本「表單」中輸入時，該列表將被過濾以匹配我輸入的內容。

我有一些問題，首先，我該如何顯示這個.json作爲列表？截至目前，我展示它是這樣的：

例如以.json

"firstName": "John", 
"lastName": "Doe", 

var parsed = JSON.parse(xmlHttp.responseText); 
var html = ''; 
for (var i = 0; i < parsed.length; i++) { 
    html += '<div>' + parsed[i] + '</div>'; 
} 
document.getElementById("myDiv").innerHTML = html; 
} 

我敢肯定，我可以設法過濾，只需要與列表推！

大喊答題節目環節，以「ZUB」對我的幫助與請求

Answer 1

當前正在輸出objects，你需要輸出對這些對象的屬性：

var parsed = JSON.parse(xmlHttp.responseText); 
var html = ''; 
for (var i = 0; i < parsed.length; i++) { 
    html += '<div>' + parsed[i].firstName + '-' + parsed[i].lastName + '</div>'; 
} 
document.getElementById("myDiv").innerHTML = html; 
} 

至於過濾，你會需要附加到您要過濾的輸入事件（例如onkeypress）。在處理程序中，您應該清除html，再次運行原始列表，但是隻能在符合查詢時添加到html中的條件中。我會離開你