index.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>短链生成 Long To Short</title>
  6. <link rel="stylesheet" href="/static/css/style.css" />
  7. </head>
  8. <body>
  9. <div class="content">
  10. <h2>Long To Short</h2>
  11. <h3>-= 短链接生成 =-</h3>
  12. <div class="generate">
  13. <div class="get clear">
  14. <input class="long_link" type="text" placeholder="(~o ̄3 ̄)~快呀~~快把链接放进这里" />
  15. <div class="btn">快! ~ 点我!</div>
  16. </div>
  17. <div class="result">
  18. <div class="tag">失败</div>
  19. <div class="short">(*゚Д゚*) 链接~链接~我要吃链接~~~</div>
  20. </div>
  21. </div>
  22. </div>
  23. <script src="/static/js/common.js"></script>
  24. <script src="/static/js/jquery.min.js"></script>
  25. <script>
  26. $(function(){
  27. $('.get .btn').click(function(){
  28. $('.tag').hide();
  29. $('.short').text('─=≡Σ(((つ•̀ω•́)つ 加速获取短链接中...');
  30. if($('.long_link').val() && $('.long_link').val().match(/^http(s)?:\/\/(\w+|\.|\/)+/g)){
  31. var link = 'http://api.l2s.ch/getlink?key=e5e945ff9502096636bc1e903cea3325&url=' + b64EncodeUnicode($('.long_link').val());
  32. // var link = 'http://127.0.0.1:3231/getlink?key=e5e945ff9502096636bc1e903cea3325&url=' + b64EncodeUnicode($('.long_link').val());
  33. $.ajax({
  34. url:link,
  35. dataType:'json',
  36. success:function(result){
  37. if(result.success==1){
  38. $('.tag').text('成功').removeClass('fail').show();
  39. $('.short').text(result.short);
  40. }else{
  41. $('.tag').text('失败').addClass('fail').show();
  42. $('.short').text('(o´゚□゚`o) ~啊~咧!好像获取失败了呢~ ERROR:'+result.msg);
  43. }
  44. },
  45. error:function(){
  46. $('.tag').text('失败').addClass('fail').show();
  47. $('.short').text('(o´゚□゚`o) ~啊~咧!好像获取失败了呢~');
  48. }
  49. })
  50. }else{
  51. $('.tag').text('失败').addClass('fail').show();
  52. $('.short').text('(〃>皿<) 根本就不是一个正常的链接啊~~魂~淡!~');
  53. }
  54. });
  55. });
  56. </script>
  57. </body>
  58. </html>