wordpress添加短域名生成小工具

2017年8月13日15:24:42 1 1,495

为自己的博客添加一个生成新浪t.cn的短域名小工具,支持很多短域名但我只弄了t.cn太多也没有什么用。感谢小强强的短域名生成接口。

wordpress添加短域名生成小工具

代码:

  1. <aside id="search-3" class="widget widget_search wow fadeInUp" data-wow-delay="0.3s"><div class="searchbar"><form method="get" id="searchform" action="/"><span><input type="text" value="" name="s" id="url" placeholder="短网址生成输入网址" required /><button type="submit" id="form">生成</button></span></form></div><div class="clear"></div></aside><script>$("#form").click(function() {
  2.     $.ajax({
  3.         url: "https://api.yya.gs/dwz_create?format=jsonp&api=sina&url=" + $('#url').val(),
  4.         dataType: "jsonp",
  5.         jsonp: "callback",
  6.         beforeSend: function(XMLHttpRequest) {
  7.             $("#form").attr("disabled"true)
  8.         },
  9.         success: function(a) {
  10.             var strJson = JSON.stringify(a);
  11.             obj = $.parseJSON(strJson), $("#form").attr("disabled"false);
  12.             $("#url").val(obj.short)
  13.         },
  14.         error: function(a) {
  15.             $("#form").attr("disabled"false);
  16.             alert('失败')
  17.         }
  18.     })
  19. });
  20. </script></span>

wordpress添加短域名生成小工具

注:以上代码的css样式适合知更鸟begin主题,其它主题的自己修改样式吧。

诗梦

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 自留地 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省 移动 2

      这个不错哦,收下 :wink: