快捷導(dǎo)航

jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法

更新時(shí)間：2015年01月27日 10:12:26 投稿：shichen2014

這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法,分析了jQuery+Ajax實(shí)現(xiàn)腳本的動(dòng)態(tài)加載與執(zhí)行的技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法。分享給大家供大家參考。具體分析如下：

有時(shí)候，在頁面初次加載時(shí)就取得所需的全部JavaScript也是沒有必要的。具體需要取得哪個(gè)腳本，要視用戶的操作而定。雖然可以在需要時(shí)動(dòng)態(tài)地引人<script>標(biāo)簽，但注人所需代碼的更優(yōu)雅的方式則是通過jQueiy直接加載.js文件。

向頁面中注人腳本與加載HTML片段一樣簡(jiǎn)單。但在這種情況下，需要使用全局函數(shù) $.getScript()，這個(gè)全局函數(shù)與它的同輩函數(shù)類似，接受一個(gè)URL參數(shù)以查找腳本文件，參見如下代碼：

復(fù)制代碼代碼如下:

$(document).ready(function() {

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

$.getScript('c.js');

});

});

在前一個(gè)例子中，接下來要做的應(yīng)該是處理結(jié)果數(shù)據(jù)，以便有效地利用加載的文件。然而，對(duì)于一個(gè)腳本文件來說，這個(gè)過程是自動(dòng)化；換句話說，腳本會(huì)自動(dòng)執(zhí)行。
以這種方式取得的腳本會(huì)在當(dāng)前頁面的全局環(huán)境下執(zhí)行。這意味著腳本有權(quán)訪問在全局環(huán)境中定義的函數(shù)和變量，當(dāng)然也包括jQuery自身。因而，我們可以模仿JSON的例子來準(zhǔn)備腳本代碼，以便在腳本執(zhí)行時(shí)將HTML插人到頁面中?，F(xiàn)在，將以下腳本代碼保存到c.js中：

復(fù)制代碼代碼如下:

var entries = [

{

"term": "CALAMITY",

"part": "n.",

"definition": "A more than commonly plain and...

},

{

"term": "CANNIBAL",

"part": "n.",

"definition": "A gastronome of the old school who..."

},

{

"term": "CHILDHOOD",

"part": "n.",

"definition": "The period of human life intermediate..."

}

//省略的內(nèi)容

];

var html ='';

$.each(entries, function() {

html += '<div class="entry">';

html += '<h3 class="term">' + this.term + '</h3>';

html += '<div class="part">' + this.part + '</div>';

html += '<div class="definition">' + this.definition + '</div>';

html += '</div>';

});

$('#dictionary').html(html);