Question

当我从node.js服务器请求包含人员信息（名字，姓氏）的.json时，我想根据用户输入的内容过滤该数据。

示例：我从服务器请求.json，这给了我一个人的列表，但是当我开始输入文本'form'时，列表会被过滤以匹配我输入的内容。

我有一些问题，首先，如何将此.json显示为列表？截至目前，我这样显示：

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;
}

.json的例子

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

我确信我可以管理过滤，只需要推送列表！

向'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的条件。我会把它留给你

AJAX请求，过滤JSON响应html / javascript

1 个答案: