[HTML] 纯文本查看 复制代码
输入查询内容
查询结果:
$(function() {
//JSON
var json = [{ "title": "张三", "con": "张三是最帅的" }, { "title": "李四", "con": "李四是最帅的" }, { "title": "王五", "con": "王五是最帅的" }, { "title": "王六", "con": "王六最丑" }];
//如何外部调用本地的JSON文件呢?
//ajax返回的数据 格式化成json类型
$("#btn_search").click(function() {
//获取输入的内容
var keyword = $("#keyword").val();
let result = [];
//遍历数组
$.each(json, function(index, item) {
//判断用户输入的关键词在数组中时候存在,如存在就返回对应的回复,如果没有则返回标准回复
if (item.title.search(keyword) != -1) {
result.push(item.con);
}
});
if (result.length) {
let htmlItem = "";
result.forEach(item => {
htmlItem += "
" + item + "
";
})
$("#result").html(htmlItem);
} else {
$("#result").html("无匹配结果。")
}
});
});