ajax如何请求json文件,简单的ajax请求加载外部json文件

我在学习ajax ....我试图从json文件发出一个基本请求，它与我的index.html位于同一个文件夹中，但由于某种原因它说未定义:(我可以看到错误是可变的人，但我不能赶上为什么它未定义....简单的ajax请求加载外部json文件

HTML：

的javascript：

var xhr = new XMLHttpRequest(); //it holds the ajax request

xhr.onreadystatechange = function() { //callback

if(xhr.readyState === 4) {

var people = JSON.parse(xhr.responseText);//it takes the string from the response and it converts it in a javascript object

console.log(people);

for (var i=0; i

var htmlCode = "

" + people[i].name + "

";

}

document.getElementById('personName').innerHTML = htmlCode;

} else {

console.log(xhr.readyState);

}

};

xhr.open('GET', 'addresses.json');

xhr.send();

addresses.json：

{

"people": [

{

"position" : "1",

"name" : "Familia Molina Fernandez",

"streetType" : "C/",

"streetName " : "Nuria",

"streetNumber" : "40",

"floor" : "",

"flat" : "",

"zipCode" : "08202",

"city" : "Sabadell",

"state" : "Barcelona",

"country" : "Spain"

},

{

"position" : "2",

"name" : "Familia Astals Fernandez",

"streetType" : "Avda/",

"streetName " : "Polinya",

"streetNumber" : "61",

"floor" : "1",

"flat" : "1",

"zipCode" : "08202",

"city" : "Sabadell",

"state" : "Barcelona",

"country" : "Spain"

}

]

}

任何想法？

干杯!!!!

2015-11-03

eve_mf

+0

'people.length'有没有length属性来调用 –

+1

undefined是错误！ –

+0

ohmg O__O我不是想打电话给任何财产....我通过整个数组的长度试图循环：S Oux等一下....我现在意识到....长度只是用于字符串。 ..不是吗？那我应该用什么？ ：S –