Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用typeahead.js访问JSON对象_Javascript_Json_Typeahead_Twitter Typeahead - Fatal编程技术网

Javascript 如何使用typeahead.js访问JSON对象

Javascript 如何使用typeahead.js访问JSON对象,javascript,json,typeahead,twitter-typeahead,Javascript,Json,Typeahead,Twitter Typeahead,我想通过TwitterTypeahead访问Json中的人脉数据库。但我不知道如何获得子字符串,它不会显示任何内容。 我想获得people.name、people.paten和people.matren。 这是我的javaScript: var jsonPeople = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('people'), queryTokenizer: Bloodhound.to

我想通过TwitterTypeahead访问Json中的人脉数据库。但我不知道如何获得子字符串,它不会显示任何内容。 我想获得people.name、people.paten和people.matren。 这是我的javaScript:

var jsonPeople = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('people'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: 'js/json/people.json'
});

$('#name').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'name',
  limit: 20,
  displayKey: 'people.name',
  source: jsonPeople
});

$('#patern').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'patern',
  limit: 20,
  displayKey: 'people.patern',
  source: jsonPeople
});

$('#matern').typeahead({
  hint: true,
  highlight: true,
  minLength: 1
},
{
  name: 'matern',
  limit: 20,
  displayKey: 'people.matern',
  source: jsonPeople
});
Json文件(people.Json)


您可能希望查看预回迁对象中的变换:您可能希望查看预回迁对象中的变换:
{"people": [{
"name": "Marlon",
"patern": "Contla",
"matern": "Rodríguez",
"area": "Riesgos",
"image": "mark.jpg",
"id": "123"
},
{
"name": "José Luis",
"patern": "Gutierrez",
"matern": "Guerrero",
"area": "Adquisiciones",
"image": "jose.jpg",
"id": "124"
},
{
"name": "Eduardo",
"patern": "Guzmán",
"matern": "Lopez",
"area": "Banca Comercial",
"image": "lalo.jpg",
"id": "125"
}
]}