Javascript no se carga después de AJAX llamada

Question

Ok el siguiente código HTML se analiza cuando me carga una página:

<div id="clip-wrapper"> 
    <script type="text/javascript"> 
     alert("bla"); 
    </script> 
</div> 

Obviamente, esto conduce a una alerta diciendo "bla", después de mi llamada AJAX, HTML analizada la el código se ve así:

<div id="clip-wrapper"> 
<script type="text/javascript"> 
    alert("ajaxbla"); 
</script> 
</div> 

Esto, por otro lado, no genera una alerta. ¿Por qué? ¿Y cómo soluciono esto?

Answer 1

Si hay scripts cargados en su dom desde una llamada Ajax, se ejecutarán no por razones de seguridad.

Para obtener la secuencia de comandos a ejecutar, que necesita para despojarlo de la respuesta, y ejecutarlo a través de eval

Idealmente embargo, tendrá que ejecutar la secuencia de comandos como una devolución de llamada para cuandotu solicitud de ajax se completa. Si está utilizando jQuery, este sería el evento éxito de su llamada ajax, y si lo está haciendo de forma nativa, sería el evento readyStateChange de su objeto xhr.

EDITAR

Si realmente quiere optar por la opción eval, podría intentar algo como esto:

document.getElementById(contentDiv).innerHTML = xmlHttp.responseText; 
eval(document.getElementById("clip-wrapper").innerHTML); 

Answer 2

pondrá código en

$(document).ready(function() 
{ 
    alert(msg); 
}); 

o hacer uso del evento readysatchange del objeto XMLHttp.

XMLHttpobject.readyStateChange(furnction() { alert('msg'); }); 

Editar

si está utilizando jQuery que ir a por

$.ajax({ 
    url: "test.html", 
    context: document.body, 
    success: function(){ 
    $(this).addClass("done"); 
    } 
}); 

aquí en caso de éxito se puede escribir el código que se ejecutan una vez que haya terminado con el Ajax.

Answer 3

cualquier código dentro del cuerpo en el medio script etiqueta solo ejecutada durante la carga de la documento.

en llamada ajax, utilice callback o success: o oncomplete: para manejar la respuesta de ajax si está utilizando jQuery.

Answer 4

¿Quiere decir que el segundo código html viene como una respuesta de Ajax? ¿Incluso insertó el html en la página actual?

Algo así como,

document.body.innerHTML = ajax_response; 

Pero incluso con innerHTML reemplazo no lo hago cosa que el script del mismo será ejecutado automático. El navegador analizará el script pero no lo ejecutará automáticamente.(Por ejemplo, si usted tiene una definición function en el html, después de llamar al Ajax usted será capaz de llamar a esas funciones)

Otra opción es utilizar document.write, que sustituirá a todo el contenido de la página con el nuevo html y las etiquetas script se ejecutarán automáticamente.

document.write(ajax_response); 

Espero que esto ayude,