Jump to content
Hozana

alimentar uma lista com arquivo txt usando ajax

Recommended Posts

Ola, bom dia!!

pessoal preciso de ajuda!

 

tenho a seguinte lista criada no html, ela não esta completa, só p vcs entenderem.

 

<ul class="lista">                                            
                        <li>Datetime:</li>
                        <li>Velocidade:</li> 
                        <li>$ Inicial:</li> 
                        <li>$ Atual: </li>
                        <li>$ Financ: </li>
                        <li>% Neil: </li> 
                        <li>% Financ: </li> 
                        <li>% Ultimo: </li> 
                        <li>Estado: </li> 
                        <li>QDT Trade: </li> 

 

e tenho no JS isso( peguei em um tutorial, e acho que é disso que eu preciso

 

var numsList = [];
$.ajax( 'Input.txt', {
    dataType: 'text',
    success: function(response){
        //response é o conteudo do Input.txt
        var lines = response.split('\n'); //quebra o arquivo em linhas, 
        for(var i in lines){
            var row = lines;
            var nums = row.split(','); //quebra a linha em valores separdos por virgula
            for(var j in nums){
                var num = parseInt(nums[j]); //converte o valor para int
                if( !isNaN(num) ) //basicamente verifica se é um numero
                    numsList.push(num); //adiciona o item no array
            }}

        console.log(numsList);
    }
});

 

Tenho também um arquivo txt(Input.txt) com algumas informações separadas por virgula.

O que quero é alimentar a lista com as informações do arquivo txt, mas coloca-los na posição correta

 

por exemplo

eu Tenho o 1º item da lista Datatime:  e dentro dele quero colocar o primeiro item do arquivo

mas não sei como chamar o JS  no HTML.

 

 

Desde ja Obrigada.

Share this post


Link to post
Share on other sites

Com duas linhas em jQuery tu faz:

let listItems = $('.list').children()
$.get("./files/input.txt", data => listItems.map( (i, cv) => cv.append(data.split(',')[i])))

Ou com JS Puro:

fetch("./files/input.txt")
.then(resp => resp.text().then(text => {
        document.querySelectorAll('#list li').forEach(( li, index ) => {
            li.append(text.split(',')[index])
        })
    })
)

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By juliosertori
      Amigos, estou utilizando um sistema de FormValidation, e vem pronta algumas coisas, mas estou com dúvida:
       
      Como pego os dados desse POST no PHP?
       
      FormValidation.utils.fetch(formSubmitUrl, { method: 'POST', dataType: 'json', params: { name: form.querySelector('[name="username"]').value, email: form.querySelector('[name="password"]').value, }, }) Obrigado!
    • By FabianoSouza
      Pessoal, qual a forma correta de enviar emoji por AJAX ao meu backend?
       
      Tem que usar:
      encodeURIComponent(minhaString) ??
      Quando envio uma string que tem texto junto com emoji,  meu código não funciona.
      Quando envio apenas o emoji, vai um código meio louco para o backend.
       
      Qual a maneira correta de tratar isso?
      Seria separar texto de emoji para enviar, e no backend juntar tudo novamente para poder gravar no banco?
       
      Preciso entender conceitualmente qual é a melhor forma de tratar essa situação, depois partir para a programação.
       
      Já fiz os testes do meu banckend: grava emoji com texto direitinho.
      O problema está realmente no meu frontend. Preciso saber como devo fazer o POST dos dados.
       
      Valew!!
       
       
    • By Luis Fernando R. Valle
      Estou desenvolvendo um site de vinhetas, mas estou com o seguinte problema. Quando o cliente clica em um áudio ele toca normalmente, mas quando clica em um segundo com o primeiro ainda em execução, ficam os dois áudios executando ao mesmo tempo no sit.
      Gostaria que um executasse por vez.
       
      Lembrando que os áudios estão inseridos separadamente.
    • By RukasuNiiChan
      ========== Meu Projeto ==========
      * Introdução
      Bem , eu estou no ultimo ano do E.M , e com essa pandemia , algumas adaptações foram tomadas , como todos sabem , a AULA ONLINE , porem , na minha escola não se utiliza a verificação de presença ( Chamada ) por Vídeo , através de um WebCam , e sim a confirmação por digitalização , todos os alunos devem escrever " ok " quando o respectivo professor digitar " chamada " no chat:
      Exemplo 1: https://prnt.sc/uiw9jy
      * Ideia
      Então o que eu pensei , A Ideia Inicial era criar um BOT para identificar a palavra " Chamada " no chat , e então , automaticamente , ele escrevesse " ok " ou " Presente " para assim automatizar o processo e facilitar a minha vida.
      Porem eu descobri uma funcionalidade no Google que são as extensões para o Google Meet que até então eu não sabia que existiam
      Entretanto se alguém que não tem experiencia em extensões mas tem em engenharia de software , me ajudaria da mesma forma
      * Conclusão
      Enfim , a minha ideia é automatizar o processo de " Responder a chamada " durante a aula online ,  como sou um estudante de programação queria muito a ajuda de vocês pra isso , pois meu conhecimento é leigo , qualquer duvida sobre o projeto , podem responder a este tópico pois , irei responder dentro de 24 horas , ou se o interesse nele for grande , me chamem na DM do Discord ( Rukasu#7321 ) 
      ===============================
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.