Bagaimana untuk Melaksanakan Skrip Disuntik Selepas Permintaan AJAX menggunakan innerHTML?

Melaksanakan Skrip Disuntik melalui innerHTML selepas Permintaan AJAX

Apabila menggunakan AJAX untuk mengisi elemen dengan data daripada skrip sebelah pelayan, ia adalah biasa untuk memasukkan teg skrip dalam data tersebut. Walau bagaimanapun, secara lalai, skrip yang disuntik ini tidak dilaksanakan. Artikel ini mempamerkan penyelesaian untuk melaksanakan skrip sedemikian selepas panggilan AJAX.

Masalah:

Pertimbangkan div dengan id "Kandungan" yang menerima data secara dinamik, termasuk < ;skrip> tag, daripada fail PHP melalui AJAX. Walaupun terdapat teg skrip, kod di dalamnya tetap tidak dilaksanakan.

<div>

Penyelesaian:

Untuk melaksanakan skrip yang disuntik melalui innerHTML, gunakan kod berikut :

var arr = MyDiv.getElementsByTagName('script');
for (var n = 0; n < arr.length; n++)
    eval(arr[n].innerHTML); //run script inside div

Kod ini mendapatkan semula tag daripada elemen "MyDiv" menggunakan getElementsByTagName. Ia kemudian melelang ke atas teg ini dan menilai innerHTML mereka, melaksanakan kod di dalamnya dengan berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan Skrip Disuntik Selepas Permintaan AJAX menggunakan innerHTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!