介绍 & lt; div 类=癱ontainer-fluid text-center"祝辞,
& lt; h2>大敌;
Random 才能;Quote Generator
& lt;/h2>大敌;
,& lt; div 类=皐ell quote-area"祝辞,
& lt;才能span 类=皅uote"祝辞,
& lt;/span>才能,
& lt;才能span 类=癮uthor"祝辞,
& lt;/span>才能,
& lt;/div>大敌;
,& lt; div 类=癰tns"祝辞,
& lt;才能button 类=癰tn btn-default btn-lg", id=皌weet"祝辞,
,,& lt;小姐:类=癴a fa-twitter", aria-hidden=皌rue"祝辞,
,,& lt;/i>,
,,,Tweet
& lt;/button>才能,
& lt;才能button 类=癰tn btn-default btn-lg", id=皐eibo"祝辞,
,,& lt;小姐:类=癴a fa-weibo", aria-hidden=皌rue"祝辞,
,,& lt;/i>,
,,,Weibo
& lt;/button>才能,
& lt;才能button 类=癰tn btn-default btn-lg", id=癱hange"祝辞,
,,& lt;小姐:类=癴a fa-exchange", aria-hidden=皌rue"祝辞,
,,& lt;/i>,
,,,Get Quote
& lt;/button>才能,
& lt;/div>大敌;
时间/div> & lt;
& lt; footer 类=皌ext-center"祝辞,
,Designed by
,& lt; a https://www.yisu.com/zixun/href=" http://blog.csdn.net/alenhhy " rel==捌降取?“外部nofollow”目标
阿伦胡
美元(文档)时(函数(),{,
,var 引用,作者,,
,
,function getNewQuote (), {,
,$ . ajax({大敌;
,,,类型:“get",,
,,,url:“http://api.forismatic.com/api/1.0/",,
,,,jsonp: & # 39; jsonp # 39;,,
,,,数据类型:& # 39;jsonp # 39;,,
,,,数据:{,
,,,方法:,& # 39;getquote # 39;,,
朗,,,:,& # 39;en # 39;,,
,,,格式:,& # 39;jsonp # 39;,
,,,},
,,,成功:函数(反应),{,
,,,quote =, response.quoteText;,
,,,author =, response.quoteAuthor;,
,,,$ (& # 39;.quote& # 39;)。text (& # 39; \“& # 39;, +, quote +, & # 39; \“& # 39;),,
,,,if (作家),{,
,,,,美元(& # 39;.author& # 39;)。text (& # 39; by & # 39;, +,作者),,
,,,},else {,
,,,,美元(& # 39;.author& # 39;)。text (& # 39; by 未知# 39;),,
,,,},
,,},
,,});
}大敌;
,
,getNewQuote (),,
,
,$(& # 39;#改变# 39;)。(& # 39;点击# 39;,,
,函数(事件),{,
event.preventDefault才能(),,
getNewQuote才能(),,
,});
,
,$(& # 39;#微博# 39;)。(& # 39;点击# 39;,,
,函数(事件),{,
event.preventDefault才能(),,
window.open才能(& # 39;http://twitter.com/intent/tweet?text=& # 39;, +, encodeURIComponent(时间+ quote & # 39;, by & # 39;, +,作者)),,
,});
,
,$(& # 39;#微博# 39;)。(& # 39;点击# 39;,,
,函数(事件),{,
event.preventDefault才能(),,
window.open才能(& # 39;http://v.t.sina.com.cn/share/share.php?title=& # 39;, +, encodeURIComponent(时间+ quote & # 39;, by & # 39;, +,作者)),,
})大敌;
}); jquery是什么
这篇文章将为大家详细讲解有关基于JQuery AJAX及如何实现名人名言随机生成器,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
这是我刚接触AJAX的时候做的一个小应用,主要功能如下:
1。点击按钮可以随机生成一句名人名言及其作者名字,如果没有作者名字,则显示“未知”。
2。点击按钮可以把名人名言分享到推特或者微博。
HTML:
JQuery:
* forismatic的API可以获取名人名言,但是只有英语和俄语版本的…不过中文类似的API也有很多的啦,实现原理都差不多。
演示在这儿,欢迎来叉:随机引用发电机。
jquery是一个简洁而快速的JavaScript库,它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器,并且可对css选择器进行扩展,拥有便捷的插件扩展机制和丰富的插件,是继原型之后又一个优秀的JavaScript代码库,能够用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。
关于“基于jquery Ajax及如何实现名人名言随机生成器”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。
