1

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"
}
1
  • Pon código completo por favor, el error puede estar entre esas lineas.
    – Srsole
    el 21 ago. 2019 a las 6:42

2 respuestas 2

1

Ya lo solucioné, dejo la respuesta por si a otro se le presenta el mismo problema. Solo era cuestión de especificar el tipo de fichero que se quiere leer, en este caso JASON. Con ficheros que no sea json no es necesario especificar, porque aparentemente por defecto reconoce txt, html, php, etc (pero parece que json es un formato especial y se debe especificar):

$( 'button' ).click( function () {
  $.get( "date.json", function(contenido) {
    $( 'div' ).text( contenido.nombre ) //muestra Ed
  }, 'json' )
} )
1
  • márcala como aceptada, click en el check verde del costado :D
    – fredyfx
    el 28 dic. 2019 a las 0:48
0
$().ready(function(){
    $('button').click( function () {
      $.get( "data.json", function(contenido) {
      console.log(contenido.nombre); //ESTO RETORNA UNDEFINED
      $('div').text( contenido.nombre ) //ESTO NO MUESTRA NADA
    })
})
});

//Prueba de esta forma

7
  • La consola arroja lo siguiente: ""GET localhost/php%20y%20sql/data.json 404 (Not Found)""
    – user137527
    el 21 ago. 2019 a las 2:43
  • ah bueno, por error habias escrito "data.json" en lugar de "date.json"...ya lo corregi pero me sigue dando UNDEFINED en la consola, y en el cuerpo de la pagina no me muestra nada
    – user137527
    el 21 ago. 2019 a las 2:46
  • el json está en la misma carpeta de donde tiene el php ? tu código está bien, la ruta de el json es posible que no este bien
    – foryfive
    el 21 ago. 2019 a las 2:50
  • Tengo instalado el XAMPP en la ubicacion OPT/LAMPP/HTDOCS...Pero, dado que ese lugar es poco accesible cree un acceso directo hacia Documentos/Web/Php y Sql/Practice/ Y aqui estan todos mis documentos php, incluido el AJAX.php con el que practico y el date.jason
    – user137527
    el 21 ago. 2019 a las 2:56
  • que significa "value expected json(516)"?
    – user137527
    el 21 ago. 2019 a las 3:08

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.