0

Tengo varias tablas y divs cuyo contenido son traídos desde la Base de datos y lo hago con ajax cuando el documento haya sido cargado $( document ).ready(function()), y donde se encuentra toda esta carga de datos está en un script que es llamado al final del html.

mi pregunta es, es bueno hacer esto?, el problema mas grande que noto es que si algún día un nuevo desarrollador ve el código le será un poco más complicado encontrar de dónde está sacando el contenido esos elementos. ¿no? o si es buena práctica?

3 respuestas 3

1

mi pregunta es, es bueno hacer esto?

Yo diría que más que buena práctica es por sentido común. Si vas a añadir información a tablas o lo que sea, debe ser cuando el documento ha sido parseado y renderizado.

Como dice @LuisPerez, los frameworks modernos como Vue.js y React recomiendan hacerlo justo antes de que el documento sea renderizado. En el caso de React, en el hook componentDidMount (función ejecutada automáticamente cuando el componente ha sido montado/renderizado) por lo general se piden los datos por ajax al backend y el componente se re-renderizará. En Vue.js es similar, en el hook created por lo general se hace ésta tarea.

Por otro lado, si buscas una buena UX, es buena práctica poner una animación de carga mientras se traen los resutados. Ésto es bueno hacerlo en aplicaciones intensivas, con consultas y procesos pesados, para que el usuario "sepa" que hay un trabajo haciéndose y no vea la tabla vacía y se quede con una incertidumbre.

el problema mas grande que noto es que si algún día un nuevo desarrollador ve el código le será un poco más complicado encontrar de dónde está sacando el contenido esos elementos

Si bien es muy menester hacer un código limpio, eficiente y ordenado para los mantenedores, también lo es proveer un patrón de desarrollo bien documentado para consulta del equipo, en donde se mantengan todos los estándares que serán seguidos por los miembros, de ésta manera todos siguen las mismas reglas al desarrollar un módulo. Además, el frontend y el backend siempre deben estar comunicados (hablando de recursos humanos), por lo que, ante cualquier duda sobre arquitectura, etc., se debe consultar con el equipo.

1
  • Gracias! buena respuesta el 10 ene. 2017 a las 17:00
1

Te comento que en las nuevas tecnologías, es la nueva tendencia el realizar los llenados de datos después de cargado el documento como lo es Angular, ReactJS, Vuejs.

0

En la actualidad los proyectos sufren actualizaciones con mucha frecuencia. Y es posible que no participen los mismos programadores en todas estas modificaciones. Por eso es necesario una buena arquitectura y un código legible. No considero una mala práctica usar AJAX para el envio de datos. Uso mucho los Web Services junto con AJAX, así evito tráfico innecesario de información.

Si vas a llenar una tabla, no cargues nuevamente la página, usa AJAX.

Ojo si usas AJAX para solicitar usuarios y claves importantes, no te lo aconsejo, pues los script son fácil de modificar.

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.