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

发布于 2017-05-05 06:56:38 | 137 次阅读 | 评论: 0 | 来源: 网友投递

jQuery javascript框架jQuery是一个兼容多浏览器的javascript框架，核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布，吸引了来自世界各地的众多JavaScript高手加入，由Dave Methvin率领团队进行开发。

这篇文章主要为大家详细介绍了基于JQuery及AJAX实现名人名言随机生成器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

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

1.点击按钮可以随机生成一句名人名言及其作者名字，如果没有作者名字，则显示“Unknown”。

2.点击按钮可以把名人名言分享到推特或者微博。

HTML:

Designed by

Alen Hu

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也有很多的啦，实现原理都差不多。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持phperz。

相关阅读:

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

基于jQuery的AJAX和JSON实现纯html数据模板

Tab页界面 用jQuery及Ajax技术实现(php后台)

基于jQuery的ajax功能实现web service的json转化

jQuery+PHP+ajax实现微博加载更多内容列表功能

jquery+php+ajax实现上传进度的多图片上传并生成缩略图代码

基于jQuery的ajax方法封装

基于jQuery倒计时插件实现团购秒杀效果

基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法

基于jquery fly插件实现加入购物车抛物线动画效果

基于jQuery Tipso插件实现消息提示框特效

基于Jquery和html5实现炫酷的3D焦点图动画