Tenemos una aplicación basada en struts con vista jsp. Una de las páginas web después de cargar tiene iframes y marcos anidados. Queremos deshacernos de ellos y pensamos en usar div y Ajax en su lugar. La página tiene alrededor de 7+ marcos y usamos 7+ llamadas ajax para cargar los datos en cada uno de ellos. En lugar del atributo src en la etiqueta de marcos, usamos el atributo "datos" en div, agregamos la URL en ellos y usamos esa URL en la llamada ajax.

Por ejemplo:

 <div id="test" data-url="Required URL"></div> <script> var elm = document.getElementById("test"); $.ajax({ url: elm.dataset.url, dataType: html, success: function(data){ $("#test").html(data); } }); </script>

Sería como si se cargara el primer div y dentro de ese contenido habrá otro div y se cargará a continuación y así sucesivamente.

Actualmente nos enfrentamos a algunos problemas como:

• A veces, las etiquetas de script en los datos HTML cargados por la llamada Ajax no funcionan correctamente.
• Si ocurre algún error de javascript en los datos HTML cargados por la llamada Ajax, la secuencia de comandos dentro de la parte de éxito de la llamada Ajax no funciona.
• Lo mismo funciona cuando se utilizan marcos. El botón de avance y retroceso del navegador no funciona con Ajax.

¿Crees que hay una manera eficiente de reemplazar iframe/frames o de resolver estos problemas mencionados? Por favor, ayuda. Gracias.