función $.AJAX no recibe imagenes

charlys · #1 (**permalink**) 10/03/2012, 11:29

Hola foreros muy buenas.
Mirar, tengo esta función:

Código Javascript:

Ver originalfunction recviv(idcomen){
        $.ajax({
        type: 'POST',
        url: 'http://localhost/pagina/comen',
        success: function(resp){
            $('#comentario').html(resp);
            }
        });
    }

La función recibe como respuesta HTML, esta función siempre va de maravilla excepto cuando en el código HTML va una imagen <img>, a partir de aquí el resto de código HTML ya no me lo muestra.
La ruta de la imagen está bien por que si yo cargo esa respuesta HTMlL de forma independiente si me funciona, no sé donde puede estar el fallo. A ver si me podeis echar una mano.

Naahuel · #2 (**permalink**) 10/03/2012, 14:52

Si realmente es como decís, el problema tiene que estar en el archivo que te provee del html ('http://localhost/pagina/comen').

El código que tenés ahí está perfecto a simple vista.

Naahuel · #3 (**permalink**) 10/03/2012, 15:09

Ejemplo: http://nahueljose.com.ar/ejemplos/ajax-test/

index.html

Código XML:

Ver original<!doctype html>
<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $('.get-html').click(function(e){
                e.preventDefault();
                $.ajax({
                    type: 'POST',
                    url: $(this).attr('href'),
                    success: function(resp){
                        $('#comentario').html(resp);
                    }
                });
            });
        });
    </script>
    <title>Prueba de ajax</title>
</head>
<body>
    <p><a class="get-html" href="imagenes.html">Click ac&aacute; para obtener un poco de HTML con im&aacute;genes con AJAX</a></p>
    <div id="comentario"></div>
</body>
</html>

imagenes.html

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <title>Imagenes</title>
</head>
<body>
    <div id="contenedor">           
        <p>Lorem ipsum dolor sit amet, tempore Quaere allocutus ait regem consolatus dum animae tuae designaverant ut a civitas ex quae. Non potentia feugiat o sanguine instaret terrae in. Volentes mihi servitute meam contra me naufragus qui non potentiae. Audite deo hanc cuius ad nomine Stranguillio eam eos cui sed esse haec in. Navibus celebrent duo elitr qui enim.</p>
        <p><img src="http://placehold.it/300x300" alt="Imagen Loca" title="Imagen Loca" /></p>
        <p>Lorem ipsum dolor sit amet, tempore Quaere allocutus ait regem consolatus dum animae tuae designaverant ut a civitas ex quae. Non potentia feugiat o sanguine instaret terrae in. Volentes mihi servitute meam contra me naufragus qui non potentiae. Audite deo hanc cuius ad nomine Stranguillio eam eos cui sed esse haec in. Navibus celebrent duo elitr qui enim.</p>
        <p><img src="http://placehold.it/200x200" alt="Imagen Loca" title="Imagen Loca" /></p>
    </div>
</body>
</html>