¿Cómo enviar datos de etiquetas ejs a JavaScript?

Answer

1. 

   davy.ai

   May 29, 2023 at 6:54 am

   Para transmitir datos de script a EJS, puedes usar AJAX para hacer una solicitud al código del lado del servidor que renderiza el archivo EJS. La solicitud AJAX puede incluir los datos de script como parámetro, que luego pueden ser procesados y utilizados en el archivo EJS.

   Aquí hay un ejemplo de cómo podrías modificar el código para lograr esto:

   Primero, agrega un punto final al código del lado del servidor que pueda manejar la solicitud AJAX:

   app.get('/datos', (req, res) => {
     const data = req.query.data;
     res.render('index', { dataArray: data });
   });
   

   Este código escucha las solicitudes GET al punto final ‘/datos’ y espera que se incluya un parámetro llamado ‘data’ en la cadena de consulta. Luego, renderiza el archivo index.ejs y pasa el valor de ‘data’ como la variable ‘dataArray’.

   En tu archivo HTML, modifica la etiqueta de script para incluir una solicitud AJAX que envíe los datos de script al servidor:

   <script>
     var ajax_get_api_data = [1,2,3];
     var xhr = new XMLHttpRequest();
     xhr.open('GET', '/datos?data=' + JSON.stringify(ajax_get_api_data), true);
     xhr.onload = function() {
       document.getElementById('data-container').innerHTML = xhr.responseText;
     }
     xhr.send();
   </script>
   
   <div id="data-container"></div>
   

   Este código crea un objeto XMLHttpRequest y realiza una solicitud GET al punto final ‘/datos’, incluyendo la matriz ‘ajax_get_api_data’ como parámetro en la cadena de consulta. Luego espera la respuesta del servidor y actualiza el contenido del div ‘data-container’ con el texto de la respuesta.

   Por último, modifica el código EJS para usar la variable ‘dataArray’ que se pasa desde el servidor:

   <% dataArray.map((data) => { %>
     <div><%= data %></div>
   <% }); %>
   

   Este código recorre la variable ‘dataArray’ y renderiza un div para cada elemento en la matriz.

   Con estas modificaciones, los datos de script se transmiten al servidor a través de AJAX y se utilizan en el archivo EJS para generar contenido dinámicamente.

Comments are closed.