jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法
本文實(shí)例講述了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)執(zhí)行腳本的方法。分享給大家供大家參考。具體分析如下:
有時(shí)候,在頁(yè)面初次加載時(shí)就取得所需的全部JavaScript也是沒(méi)有必要的。具體需要取得哪個(gè)腳本,要視用戶的操作而定。雖然可以在需要時(shí)動(dòng)態(tài)地引人<script>標(biāo)簽,但注人所需代碼的更優(yōu)雅的方式則是通過(guò)jQueiy直接加載.js文件。
向頁(yè)面中注人腳本與加載HTML片段一樣簡(jiǎn)單。但在這種情況下,需要使用全局函數(shù) $.getScript(),這個(gè)全局函數(shù)與它的同輩函數(shù)類似,接受一個(gè)URL參數(shù)以查找腳本文件,參見(jiàn)如下代碼:
$('#letter-c a').click(function(event) { event.preventDefault();
$.getScript('c.js');
});
});
在前一個(gè)例子中,接下來(lái)要做的應(yīng)該是處理結(jié)果數(shù)據(jù),以便有效地利用加載的文件。然而, 對(duì)于一個(gè)腳本文件來(lái)說(shuō),這個(gè)過(guò)程是自動(dòng)化;換句話說(shuō),腳本會(huì)自動(dòng)執(zhí)行。
以這種方式取得的腳本會(huì)在當(dāng)前頁(yè)面的全局環(huán)境下執(zhí)行。這意味著腳本有權(quán)訪問(wèn)在全局環(huán)境中定義的函數(shù)和變量,當(dāng)然也包括jQuery自身。因而,我們可以模仿JSON的例子來(lái)準(zhǔn)備腳本代碼,以便在腳本執(zhí)行時(shí)將HTML插人到頁(yè)面中。現(xiàn)在,將以下腳本代碼保存到c.js中:
{
"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);
最后,單擊c鏈接,應(yīng)該會(huì)看到我們預(yù)期的結(jié)果。
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jquery+ajax+C#實(shí)現(xiàn)無(wú)刷新操作數(shù)據(jù)庫(kù)數(shù)據(jù)的簡(jiǎn)單實(shí)例
- 對(duì)Jquery中的ajax再封裝,簡(jiǎn)化操作示例
- jQuery學(xué)習(xí)筆記之 Ajax操作篇(一) - 數(shù)據(jù)加載
- jQuery學(xué)習(xí)筆記之 Ajax操作篇(三) - 過(guò)程處理
- JQuery中使用ajax傳輸超大數(shù)據(jù)的解決方法
- jquery.ajax之beforeSend方法使用介紹
- jQuery中ajax的post()方法用法實(shí)例
- jQuery中Ajax的get、post等方法詳解
- jquery+ajax實(shí)現(xiàn)跨域請(qǐng)求的方法
- jquery中ajax使用error調(diào)試錯(cuò)誤的方法
- Jquery操作Ajax方法小結(jié)
相關(guān)文章
jquery validate添加自定義驗(yàn)證規(guī)則(驗(yàn)證郵箱 郵政編碼)
這篇文章主要介紹了query validate添加自定義驗(yàn)證規(guī)則,可以驗(yàn)證郵箱、郵政編碼等,看代碼參考使用2013-12-12
jquery Firefox3.5中操作select的問(wèn)題
不過(guò)最近安裝了FF3.5正式版,發(fā)現(xiàn)這種方法在它下面得不到值,就去看jquery的幫助文檔,在文檔中對(duì)select選中的引用是用如下方法2009-07-07
jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)企業(yè)網(wǎng)站橫幅焦點(diǎn)圖切換功能,實(shí)例分析了jQuery企業(yè)網(wǎng)站焦點(diǎn)圖的詳細(xì)實(shí)現(xiàn)方法,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-04-04
Jquery左右滑動(dòng)插件之實(shí)現(xiàn)超級(jí)炫酷動(dòng)畫(huà)效果附源碼下載
jQuery Pagination分頁(yè)插件使用方法詳解
jquery鼠標(biāo)懸停導(dǎo)航下劃線滑出效果
jquery超簡(jiǎn)單實(shí)現(xiàn)手風(fēng)琴效果的方法
jQuery實(shí)現(xiàn)簡(jiǎn)單的文件上傳進(jìn)度條效果

