国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > WEB開發(fā) > 正文

基于JQuery及AJAX(JSONP)的名人名言隨機(jī)生成器

2024-04-27 15:19:35
字體:
供稿:網(wǎng)友

這是我剛接觸Ajax的時候做的一個小應(yīng)用,主要功能如下:

1.點擊按鈕可以隨機(jī)生成一句名人名言及其作者名字,如果沒有作者名字,則顯示“Unknown”。

2.點擊按鈕可以把名人名言分享到推特或者微博。

HTML:

<div class="container-fluid text-center">  <h1>    Random Quote Generator  </h1>  <div class="well quote-area">    <span class="quote">    </span>    <span class="author">    </span>  </div>  <div class="btns">    <button class="btn btn-default btn-lg" id="tweet">      <i class="fa fa-twitter" aria-hidden="true">      </i>        Tweet    </button>    <button class="btn btn-default btn-lg" id="weibo">      <i class="fa fa-weibo" aria-hidden="true">      </i>        Weibo    </button>    <button class="btn btn-default btn-lg" id="change">      <i class="fa fa-exchange" aria-hidden="true">      </i>        Get Quote    </button>  </div></div><footer class="text-center">  Designed by  <a href="http://blog.csdn.net/alenhhy" target="_blank">    Alen Hu  </a></footer>

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。


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 黄山市| 阿拉善右旗| 景泰县| 清原| 楚雄市| 仁寿县| 安泽县| 香港 | 岗巴县| 手游| 巴里| 信丰县| 碌曲县| 昭通市| 咸丰县| 鸡泽县| 博白县| 成安县| 呼图壁县| 邹城市| 宜春市| 黄大仙区| 云梦县| 察哈| 美姑县| 汾阳市| 阜平县| 苗栗市| 凉山| 乡城县| 高要市| 普陀区| 都匀市| 扶沟县| 安平县| 句容市| 石狮市| 河南省| 鄂托克前旗| 大邑县| 新河县|