Estoy haciendo pruebas con ajax de jquery y tengo el problema que a pesar de que mis sentencias son correctas me arroja error. Al inicio estaba haciéndolo sin servidor local (en file:///), hasta que en consola me arrojó el error siguiente:
CORS request not HTTP.
Entonces recurrí a mi localhost y, aunque en Google Chrome ya no me arroja error, no puedo ver el contenido que quiero imprimir en pantalla, que es el contenido de un objeto json. Cuando uso console.log() me aparece undefined.
En firefox la consola me dice:
XML Parsing Error: not well-formed
Location:.../date.json
Line Number 1, Column 1:.
Dejaré mi código muy sencillo para que lo revisen por favor:
//[[HTML]]
<button>PUSH</button>
<div></div>
//[[HTML]]
//[[JAVA S]]
$( 'button' ).click( function () {
$.get( "date.json", function(contenido) {
console.log(contenido.nombre); //ESTO RETORNA UNDEFINED
$( 'div' ).text( contenido.nombre ) //ESTO NO MUESTRA NADA
} )
} )
//[[JAVA S]]
//JSON DOCUMENT LLAMADO date.json
{
"nombre" : "Ed"
}