kaedah ajax jQuery untuk melaksanakan scripts_jquery secara dinamik

Contoh dalam artikel ini menerangkan kaedah ajax jQuery untuk melaksanakan skrip secara dinamik. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Kadangkala anda tidak perlu mendapatkan semua JavaScript yang anda perlukan apabila halaman pertama kali dimuatkan. Skrip khusus yang perlu diperoleh bergantung pada operasi pengguna. Walaupun adalah mungkin untuk memasukkan teg secara dinamik apabila diperlukan, cara yang lebih elegan untuk menyuntik kod yang diperlukan adalah dengan memuatkan fail .js terus melalui jQueiy.

Menyuntik skrip ke dalam halaman adalah semudah memuatkan serpihan HTML. Tetapi dalam kes ini, anda perlu menggunakan fungsi global $.getScript(). Fungsi global ini serupa dengan fungsi adik-beradiknya dan menerima parameter URL untuk mencari fail skrip

Salin kod Kod adalah seperti berikut:

$(document).ready(function() {

$('#letter-c a').click(function(event) { event.preventDefault();
$.getScript('c.js');
});
});

Dalam contoh sebelumnya, perkara seterusnya yang perlu dilakukan ialah memproses data yang terhasil untuk menggunakan fail yang dimuatkan dengan cekap. Walau bagaimanapun, dengan fail skrip, proses ini automatik; dengan kata lain, skrip dilaksanakan secara automatik.

Skrip yang diperoleh dengan cara ini akan dilaksanakan dalam persekitaran global halaman semasa. Ini bermakna skrip mempunyai akses kepada fungsi dan pembolehubah yang ditakrifkan dalam persekitaran global, termasuk jQuery itu sendiri. Oleh itu, kita boleh meniru contoh JSON untuk menyediakan kod skrip untuk memasukkan HTML ke dalam halaman apabila skrip dilaksanakan. Sekarang, simpan kod skrip berikut ke dalam c.js:

Salin kod Kod adalah seperti berikut:

entri var = [

{
"term": "CALAMITY",
"bahagian": "n.",


"definition": "Lebih daripada biasa biasa dan...
},
{
"term": "KANIBAL",
"bahagian": "n.",
"definisi": "Gastronom sekolah lama yang..."
},
{
"term": "KANAK-KANAK",
"bahagian": "n.",
"definisi": "Tempoh kehidupan manusia pertengahan..."
}
//Kandungan ditinggalkan
];
var html ='';
$.each(entry, function() {
html = '

';
html = '

' this.term '

';
html = '

' this.part '

';
html = '

' this.definition '

';
html = '

';
});
$('#kamus').html(html);

Akhir sekali, klik pada pautan c dan anda akan melihat hasil yang kami jangkakan.
Saya harap artikel ini akan membantu pengaturcaraan jQuery semua orang.