Tải các thẻ script thông qua AJAX

Question

Tôi có một thẻ div được lấp đầy với tập lệnh thông qua cuộc gọi ajax, nhưng tập lệnh không thực thi.

Có cách nào để khiến tập lệnh thực thi không?

Answer 1

Nếu bạn sử dụng jQuery .html phương pháp nó phân tích ra các thẻ script và evals nó:

$("div").html('<script type="text/javascript">alert("This should work")</script>'); 

Nếu jQuery không phải là một lựa chọn bạn có thể viết này mình sử dụng một trong hai (1) một biểu thức chính quy, hoặc (2) phân tích cú pháp cây DOM và tìm các thẻ tập lệnh. (# 2 là cách jQuery thực hiện)

Answer 2

Nếu bạn đặt innerHtml của div, thẻ tập lệnh sẽ thực thi. Tôi đang sử dụng $ ("# divid"). Load() để tải các nội dung động và các thẻ script thực thi.

Hãy thử sử dụng JQuery nếu nó không hoạt động bằng javascript thuần túy.

Answer 3

Bạn nên tách riêng nội dung khỏi mã. Tải nội dung qua AJAX và mã bằng cách chèn các thẻ <script>. Nếu bạn đang sử dụng jQuery, hãy sử dụng $.getScript() để tải tập lệnh động.

Answer 4

Tôi đoán, bạn đang viết thẻ tập lệnh vào bên trongHTML trực tiếp

Điều này sẽ không hoạt động.

document.body.innerHTML+="<script>alert(1)</scr"+"ipt>"; 

bạn phải viết sử dụng chức năng DOM như

var tag = document.createElement("script"); 
tag.innerHTML="alert(1)"; 
document.body.appendChild(tag); //can be append to any object other than body 

hoặc tốt hơn sử dụng này jQuery