Pragnę wypisać dane z pliku o formacie json, próbowałam kilkakrotnie z różnych stron przepisywałam etc.
Mimo tego nie działa, mam białą stronę.
Jquery działa.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JSON Sample</title>
</head>
<body>
<div id="placeholder"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$.getJSON('data.json', function(data) {
var output="<ul>";
for (var i in data.users) {
output+="<li>" + data.users[i].firstName + " " + data.users[i].lastName + "--" + data.users[i].joined.month+"</li>";
}
output+="</ul>";
document.getElementById("placeholder").innerHTML=output;
});
</script>
</body>
</html>
to był index.html, a to data.json:
{"users":[
{
"firstName":"Ray",
"lastName":"Villalobos",
"joined": {
"month":"January",
"day":12,
"year":2012
}
},
{
"firstName":"John",
"lastName":"Jones",
"joined": {
"month":"April",
"day":28,
"year":2010
}
}
]}
EDIT: Na firefoxie działa na chromie i IE10 nie... Z jakiego powodu?
http://stackoverflow.com/questions/21507816/getjson-is-not-working-in-chrome
Odpowiedź
zamiana znacznika <code class="json"> na <code class="java">
- @furious programming