Javascript không tải sau khi AJAX gọi

Question

Ok mã HTML sau đây được phân tách khi tôi tải một trang:

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

Điều này rõ ràng dẫn đến cảnh báo cho biết "bla", sau khi gọi AJAX của tôi, phân tích cú pháp HTML mã trông giống như sau:

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

Mặt khác, không dẫn đến cảnh báo. Tại sao? Và làm cách nào để khắc phục điều này?

Answer 1

Nếu có bất kỳ tập lệnh nào được tải vào dom của bạn từ cuộc gọi Ajax, họ sẽ không được thực thi vì lý do bảo mật.

Để có được kịch bản để thực hiện, bạn sẽ cần phải tách nó ra khỏi phản ứng, và chạy nó thông qua eval

Lý tưởng nhất là mặc dù, bạn sẽ muốn chạy script của bạn như một callback khi yêu cầu ajax của bạn đã hoàn thành. Nếu bạn đang sử dụng jQuery, điều này sẽ là sự kiện thành công của cuộc gọi ajax của bạn và nếu bạn đang thực hiện điều đó, nó sẽ là sự kiện readyStateChange của đối tượng xhr của bạn.

EDIT

Nếu bạn thực sự muốn lựa chọn tùy chọn eval, bạn có thể thử một cái gì đó như thế này:

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

Answer 2

đưa bạn mã trong

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

hoặc tận dụng sự kiện readysatchange của đối tượng XMLHttp.

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

Sửa

nếu bạn đang sử dụng jquery hơn đi cho

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

đây trong trường hợp những thành công bạn có thể viết mã của bạn mà được thực hiện một khi bạn đang thực hiện với ajax.

Answer 3

bất kỳ mã bên trong cơ thể ở giữa script thẻ sẽ chỉ được thực hiện trong khi tải các tài liệu.

trong cuộc gọi ajax, sử dụng callback hoặc success: hoặc oncomplete: để xử lý phản hồi ajax nếu bạn đang sử dụng jQuery.

Answer 4

Bạn có nghĩa là mã html thứ hai sẽ xuất hiện dưới dạng phản hồi ajax ?? Bạn thậm chí đã chèn html vào trang hiện tại chưa?

Cái gì đó như,

document.body.innerHTML = ajax_response; 

Nhưng ngay cả với innerHTML thay thế tôi làm không phải là điều các script bên trong nó sẽ được tự động thực hiện. Trình duyệt sẽ phân tích cú pháp script nhưng sẽ không tự động chạy nó.(Ví dụ: nếu bạn có định nghĩa function trong html, sau cuộc gọi ajax, bạn sẽ có thể gọi các chức năng đó)

Tùy chọn khác là sử dụng document.write, nó sẽ thay thế toàn bộ nội dung trang bằng html mới và các thẻ script trong đó sẽ được thực thi tự động.

document.write(ajax_response); 

Hope this helps,