基于JQuery及AJAX如何实现名人名言随机生成器

这篇文章将为大家详细讲解有关基于JQuery及AJAX如何实现名人名言随机生成器，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

南郑ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景，ssl证书未来市场广阔！成为创新互联建站的ssl证书销售渠道，可以享受市场价格4-6折优惠！如果有意向欢迎电话联系或者加微信：18982081108（备注：SSL证书合作）期待与您的合作！

这是我刚接触AJAX的时候做的一个小应用，主要功能如下：

1.点击按钮可以随机生成一句名人名言及其作者名字，如果没有作者名字，则显示“Unknown”。
2.点击按钮可以把名人名言分享到推特或者微博。

HTML:

 
  
  Random Quote Generator

Weibo

Get Quote

$(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)); }) });

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

关于“基于JQuery及AJAX如何实现名人名言随机生成器”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

http://cqcxhl.cn/article/jgdehs.html

重庆分公司，新征程启航

基于JQuery及AJAX如何实现名人名言随机生成器

Random Quote Generator

jquery是什么

其他资讯