這篇文章將為大家詳細(xì)講解有關(guān)基于JQuery及AJAX如何實現(xiàn)名人名言隨機(jī)生成器,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、成都做網(wǎng)站與策劃設(shè)計,中站網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:中站等地區(qū)。中站做網(wǎng)站價格咨詢:18982081108這是我剛接觸AJAX的時候做的一個小應(yīng)用,主要功能如下:
1.點(diǎn)擊按鈕可以隨機(jī)生成一句名人名言及其作者名字,如果沒有作者名字,則顯示“Unknown”。
2.點(diǎn)擊按鈕可以把名人名言分享到推特或者微博。
HTML:
Random Quote Generator
JQuery:
$(document).ready(function() { var quote, author; function getNewQuote() { $.ajax({ type: "get", url: "http://api.forismatic.com/api/1.0/", jsonp: 'jsonp', dataType: 'jsonp', data: { method: 'getQuote', lang: 'en', format: 'jsonp' }, success: function(response) { quote = response.quoteText; author = response.quoteAuthor; $('.quote').text('\"' + quote + '\"'); if (author) { $('.author').text('by ' + author); } else { $('.author').text('by Unknown'); } } }); } getNewQuote(); $('#change').on('click', function(event) { event.preventDefault(); getNewQuote(); }); $('#tweet').on('click', function(event) { event.preventDefault(); window.open('http://twitter.com/intent/tweet?text=' + encodeURIComponent(quote + ' by ' + author)); }); $('#weibo').on('click', function(event) { event.preventDefault(); window.open('http://v.t.sina.com.cn/share/share.php?title=' + encodeURIComponent(quote + ' by ' + author)); }) });
*forismatic的API可以獲取名人名言,但是只有英語和俄語版本的...不過中文類似的API也有很多的啦,實現(xiàn)原理都差不多。
DEMO在這兒,歡迎來FORK:Random Quote Generator。
jquery是一個簡潔而快速的JavaScript庫,它具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口、高效靈活的css選擇器,并且可對CSS選擇器進(jìn)行擴(kuò)展、擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫,能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫,以便快速開發(fā)網(wǎng)站。
關(guān)于“基于JQuery及AJAX如何實現(xiàn)名人名言隨機(jī)生成器”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。