hola estoy empezando con json y bueno vi un pequeño manual para obtener datos de un archivo les pongo los archivos, lo que no logro entender es el porque en iexplorer me muestra de forma correcta los datos, pero en chrome mozilla opera safari me sale error espero puedan ayudarme a indicarme porque sale el error
desde ya gracias
data.json
Código:
{
"data1":
{
"value":"abcde"
},
"data2":
[
{
"value1":"A",
"value2":"A"
},
{
"value1":"B",
"value2":"B"
},
{
"value1":"C",
"value2":"C"
},
]
}
index.html
Código HTML:
<html>
<head>
<title></title>
<script src="jquery-1.5.1.js"></script>
<script src="js.js"></script>
</head>
<body>
<div id="data"></div>
</body>
</html>
js.js
Código:
var data;
$(document).ready(function() {
$.ajax({
url: "data.json",
data: "nocache=" + Math.random(),
type: "GET",
dataType: "json",
success: function(source){
data = source;
showInfo();
},
error: function(dato){
alert("ERROR");
}
});
});
function showInfo(){
$("#data").append(data['data1']['value']);
$.each(data['data2'], function(index, value) {
$("#data").append('<p>index: ' + index + ' value1: ' + data['data2'][index]['value1'] + ' value2: ' + data['data2'][index]['value2'] + '</p>');
});
}