0

Necesito pintar los datos de un arreglo que tengo en la consola en pantalla lo intente de esta manera pero no me funciona, necesito extraer solo el texto. mi código:

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>twitter</title>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script type="text/javascript"></script>
    <META HTTP-EQUIV="REFRESH" CONTENT="200;">
    <style>
        *{margin:0px;
    padding:0px;}
    
    #myVideo {
    position: relative;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%
    }
    #content-text {
    position: absolute;
    z-index:9999;
    font-size:20px;
    font-family: Arial;
    color :blue;
    margin:0px 600px;
    margin-top:20px;
    top: 270px;
    left: 10px;
    }
</style>

</head>
<body>

    <video autoplay muted loop id="myVideo">
        <source id="source-video" src="SectorMovilidad.mp4" type="video/mp4">
    </video>
    <div id="content-text"></div>
    <script>
    function twitter () {
        $.ajax({url: "http://localhost:3300/twitter/sttmed", 
        success: function(result){
        $(".content-text").text(result[0].text);
  }});
    }

</script>

<div></div>
    
</body>
</html>

2 respuestas 2

1

Si lo que quieres es poner el texto del resultado de la petición AJAX en la clase con id content-text esto debería funcionar:

$("#content-text").text(result[0].text);
5
  • No me quiere funcionar de esta forma
    – user117641
    Commented el 15 feb. 2019 a las 14:13
  • ¿Podrías poner el código HTML para ver la sección content-text? ¿Qué error te aparece con lo que he añadido? Commented el 15 feb. 2019 a las 14:17
  • Mira, ya esta todo el código, no me sale error en consola solo que no se muestran los datos en el content text
    – user117641
    Commented el 15 feb. 2019 a las 14:19
  • Cambialo por esto: $("#content-text").text(result[0].text); Pensaba que content-text era la clase, no el id. Simplemente hay que cambiar el . por # Commented el 15 feb. 2019 a las 14:20
  • Amigo muchas gracias, perfecto.
    – user117641
    Commented el 15 feb. 2019 a las 14:25
0

Estas mostrando por consola unos datos y por pantalla otros, lo correcto sería mostrar result[0].text

Prueba de esta forma:

function twitter() {
    $.ajax({url: "http://localhost:3300/twitter/sttmed",
        success: function (result) {
            $(result).each(function(key, value){                    
                $("#content-text").append('<p>'+value.text+'</p>');
            });
        }
    });
}

Con .each iterarás por cada elemento del array (por si te llega más de un elemento)

Edito

He añadido el selector correcto $("#content-text") faltaba la almahadilla, en caso de que se seleccione por id.

5
  • Mira ya tengo solo el texto, como puedo pintarlo en pantalla quemado?
    – user117641
    Commented el 15 feb. 2019 a las 14:09
  • ¿quemado? que quieres decir?
    – Fly
    Commented el 15 feb. 2019 a las 14:13
  • Pues el texto Así como esta en consola
    – user117641
    Commented el 15 feb. 2019 a las 14:14
  • $(".content-text").text(result[0].text); y de esta forma no me funciona
    – user117641
    Commented el 15 feb. 2019 a las 14:14
  • Por favor, no elimines contenido de la pregunta, añade las aclaraciones que haga falta pero no borres información. Además, deberías mostrarnos el código, no pantallazos, así no puedo ayudarte pues no se de donde sale ese texto.
    – Fly
    Commented el 15 feb. 2019 a las 14:17

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

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