Javascript 使用Ajax jQuery实时搜索JSON数据不起作用？

我的代码不起作用。这是我的档案。 当它工作时，它不显示列表，并在Json文件中抛出错误。我不知道为什么？？ 您将在控制台中看到错误

这是我的Json文件内部：data.Json

[
{
“姓名”：“天使刘易斯”，
“图像”：https://media.licdn.com/mpr/mpr/shrinknp_200_200/p/3/000/0d4/2f7/07a3d35.jpg",
“地点”：“华盛顿州西雅图”
},
{ ...
},
......
]

$（文档）.ready（函数（）{
$.ajaxSetup（{cache:false}）；
$（“#搜索”）.keyup（函数（）{
$（'#result'）.html（''）；
$（'#state'）.val（''）；
var searchField=$（'#search'）.val（）；
var表达式=新的RegExp（searchField，“i”）；
$.getJSON（'data.json'，函数（数据）{
$。每个（数据、函数（键、值）{
if（value.name.search（表达式）！=-1 | | value.location.search（表达式）！=-1）
{
$（“#result”）.append（“
”+value.name+“|”+value.location+”
”）；
}
});   
});
});
$（'#result'）。在（'click'，'li'，function（）上{
var单击_text=$（this.text（）.split（“|”）；
$（'#search'）.val（$.trim（单击文本[0]）；
$（“#结果”）.html（“”）；
});
});

---

我建议您在任何服务器上运行您的代码，例如，因为

XMLHttpRequest（）

不适用于

文件：//

协议。因此，

$.ajax

或

$.getJSON

函数也将不起作用

只需尝试在

http://

或

https://

协议上运行您的文件