Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Código da aula não funciona Curso: JQuery 2, aula 2, vídeo 2.

Estou com uma problema na Aula 2, parte 2 sobre ler e retornar a fase do servidor usando AJAX. Configurei o servidor certinho, meu código está idêntico ao executado na aula:

$("#botao-frase").click(fraseAleatoria);

function fraseAleatoria() { $.get("http://localhost:3000/frases", fraseAleatoria); }

function fraseAleatoria(data) { var frase = $(".frase"); var numeroAleatorio = Math.floor(Math.random() * data.length);

frase.text(data[numeroAleatorio].texto);

}

Porem o meu console retorna como a que o .texto no fim é um parâmetro indefinido: Uncaught TypeError: Cannot read property 'texto' of undefined at HTMLAnchorElement.fraseAleatoria (frase.js:22)

Mas está tudo feito como ensinado por que meu console não reconhece o parâmetro que está dentro do Json?

2 respostas
solução!

Eu havia renomeado o botão de ação para o nome da função que não que só buscava não para que recebe as informações do servidor e depois solicita a execução, ele tentava executar sem buscar. hehe

$("#botao-frase").click(recebeFrase);

function recebeFrase() { $.get("http://localhost:3000/frases", fraseAleatoria); }

function fraseAleatoria(data) { var frase = $(".frase"); var numeroAleatorio = Math.floor(Math.random() * data.length); frase.text(data[numeroAleatorio].texto)

Oi, Erick, obrigada por ter compartilhado a solução. Sempre é importante!