jq 请求本地的json_jquery 加载本地JSON文件问题，前端小白

[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("无匹配结果。")

}

});

});