iKxin

jquery在线生成t.cn新浪短网址
正文最近在学习Ajax技术,所以就经常会写一些小程序出来,比如上次写的《jQuery在线获取QQ名称和头像》,今天...
扫描右侧二维码阅读全文
10
2017/08

jquery在线生成t.cn新浪短网址

正文

最近在学习Ajax技术,所以就经常会写一些小程序出来,比如上次写的《jQuery在线获取QQ名称和头像》,今天我带来的也是一个Ajax项目,主要功能是在线生成 t.cn 的新浪短网址,我看过网上很多的压缩网址,都是需要输入网址然后点击按钮才会执行的,我这个不需要喔!

HTML代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>在线生成 t.cn 短网址</title>
        <script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
        <div> 长链接 <input type="text" name="" id="longurl" value="" /></div><br>
        <div> 短链接 <input type="text" name="" id="shorturl" value="" /></div><br>
        <script>
            $("#longurl").blur(function() {
                var url = $("#longurl").val();
                $.ajax({
                    type: "get",
                    url: "https://v1.ikxin.com/api/tcnurl.php?from=txt&url=" + url,
                    success: function(data) {
                        $("#shorturl").val(data);
                    },
                    error: function() {
                        $("#shorturl").val("获取失败");
                    }
                });
            })
        </script>
    </body>
</html>
最后修改:2019 年 06 月 25 日 05 : 27 PM
如果觉得我的文章写得不错,请赏我一杯咖啡

发表评论