1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ajax如何请求json文件 简单的ajax请求加载外部json文件

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

时间:2019-06-19 03:23:08

相关推荐

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"

}

]

}

任何想法?

干杯!!!!

-11-03

eve_mf

+0

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

+1

undefined是错误! –

+0

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。