---
title: "jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール - 憂いを忘れる一枚"
description: "最近 Ajax 技術を勉強しているので、よく小さな Demo を作っています。例えば、以前作った「jQuery オンラインで QQ の名前とアバターを取得」などです。今回紹介するものも Ajax プロジェクトで、主な機能は t.cn の新浪ショートURLをオンラインで生成することです。ネット上にある多くの短縮URLツー"
canonical_url: "https://www.ikxin.com/ja/article/jquery-sina-shorturl-tool"
last_updated: "2026-09-16T09:59:27.259Z"
locale: ja
meta:
  "og:description": "最近 Ajax 技術を勉強しているので、よく小さな Demo を作っています。例えば、以前作った「jQuery オンラインで QQ の名前とアバターを取得」などです。今回紹介するものも Ajax プロジェクトで、主な機能は t.cn の新浪ショートURLをオンラインで生成することです。ネット上にある多くの短縮URLツー"
  "og:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~alF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyB0LmNuIOaWsOa1quOCt-ODp-ODvOODiFVSTOOCkueUn-aIkOOBmeOCi-WNmOS4gOODmuODvOOCuOeJiOODn-ODi-ODhOODvOODqyAtIOaGguOBhOOCkuW~mOOCjOOCi-S4gOaemg%2Cc_Article%2Ctitle_~alF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyB0LmNuIOaWsOa1quOCt-ODp-ODvOODiFVSTOOCkueUn-aIkOOBmeOCi-WNmOS4gOODmuODvOOCuOeJiOODn-ODi-ODhOODvOODqw%2Cdescription_~5pyA6L-RIEFqYXgg5oqA6KGT44KS5YuJ5by344GX44Gm44GE44KL44Gu44Gn44CB44KI44GP5bCP44GV44GqIERlbW8g44KS5L2c44Gj44Gm44GE44G-44GZ44CC5L6L44GI44Gw44CB5Lul5YmN5L2c44Gj44Gf44CMalF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyBRUSDjga7lkI3liY3jgajjgqLjg5Djgr~jg7zjgpLlj5blvpfjgI3jgarjganjgafjgZnjgILku4rlm57ntLnku4vjgZnjgovjgoLjga7jgoIgQWpheCDjg5fjg63jgrjjgqfjgq~jg4jjgafjgIHkuLvjgarmqZ~og73jga8gdC5jbiDjga7mlrDmtarjgrfjg6fjg7zjg4hVUkzjgpLjgqrjg7Pjg6njgqTjg7PjgafnlJ~miJDjgZnjgovjgZPjgajjgafjgZnjgILjg43jg4Pjg4jkuIrjgavjgYLjgovlpJrjgY~jga7nn63nuK5VUkzjg4Tjg7w%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2pxdWVyeS1zaW5hLXNob3J0dXJsLXRvb2wi%2Cs_-M-uRC-URtrxoFg1.png"
  "og:image:alt": "jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール - 憂いを忘れる一枚"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール"
  "twitter:image": "https://www.ikxin.com/_og/d/h_630%2Ca_~alF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyB0LmNuIOaWsOa1quOCt-ODp-ODvOODiFVSTOOCkueUn-aIkOOBmeOCi-WNmOS4gOODmuODvOOCuOeJiOODn-ODi-ODhOODvOODqyAtIOaGguOBhOOCkuW~mOOCjOOCi-S4gOaemg%2Cc_Article%2Ctitle_~alF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyB0LmNuIOaWsOa1quOCt-ODp-ODvOODiFVSTOOCkueUn-aIkOOBmeOCi-WNmOS4gOODmuODvOOCuOeJiOODn-ODi-ODhOODvOODqw%2Cdescription_~5pyA6L-RIEFqYXgg5oqA6KGT44KS5YuJ5by344GX44Gm44GE44KL44Gu44Gn44CB44KI44GP5bCP44GV44GqIERlbW8g44KS5L2c44Gj44Gm44GE44G-44GZ44CC5L6L44GI44Gw44CB5Lul5YmN5L2c44Gj44Gf44CMalF1ZXJ5IOOCquODs-ODqeOCpOODs-OBpyBRUSDjga7lkI3liY3jgajjgqLjg5Djgr~jg7zjgpLlj5blvpfjgI3jgarjganjgafjgZnjgILku4rlm57ntLnku4vjgZnjgovjgoLjga7jgoIgQWpheCDjg5fjg63jgrjjgqfjgq~jg4jjgafjgIHkuLvjgarmqZ~og73jga8gdC5jbiDjga7mlrDmtarjgrfjg6fjg7zjg4hVUkzjgpLjgqrjg7Pjg6njgqTjg7PjgafnlJ~miJDjgZnjgovjgZPjgajjgafjgZnjgILjg43jg4Pjg4jkuIrjgavjgYLjgovlpJrjgY~jga7nn63nuK5VUkzjg4Tjg7w%2CsiteName_~5oaC44GE44KS5b-Y44KM44KL5LiA5p6a%2CsiteHost_www.ikxin.com%2Cp_Ii9qYS9hcnRpY2xlL2pxdWVyeS1zaW5hLXNob3J0dXJsLXRvb2wi%2Cs_-M-uRC-URtrxoFg1.png"
  "twitter:image:alt": "jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール - 憂いを忘れる一枚"
---

> Index of every page on this site: [llms.txt](https://www.ikxin.com/llms.txt)

# **jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール**

2017.08.10 6,769  0

最近 Ajax 技術を勉強しているので、よく小さな Demo を作っています。例えば、以前作った「 [jQuery オンラインで QQ の名前とアバターを取得](https://blog.ikxin.com/archives/53.html)」などです。今回紹介するものも Ajax プロジェクトで、主な機能は t.cn の新浪ショートURLをオンラインで生成することです。ネット上にある多くの短縮URLツールを見てみると、URLを入力してからボタンをクリックして初めて実行されるものばかりですが、これはその必要がありません。

## HTMLコード

 HTML

```
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>オンラインで t.cn 短縮URLを生成</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>
```

## PHP コード

 PHP

```
<?php
$apiurl = 'http://api.t.sina.com.cn/short_url/shorten.json';  // 新浪短网址 json 接口
$source = '3271710248';                                       // 新浪 source 验证码 
$geturl = $_GET ['url'];
$format = $_GET ['format'];

switch ($format){
    case "text":
        if(substr($geturl, 0, 4) != 'http'){
            echo "您的输入有误！";
        }else{
            $suo_url = sprintf($apiurl.'?source='.$source.'&url_long='.$geturl);
            $dwzcode = file_get_contents($suo_url);
            $dwz = str_replace(array('[',']'), '', $dwzcode);
            $dwzurl = json_decode($dwz,true);
            echo $dwzurl['url_short'];
        }
        break;
    case "json":
        if(substr($geturl, 0, 4) != 'http'){
            echo "您的输入有误！";
        }else{
            $suo_url = sprintf($apiurl.'?source='.$source.'&url_long='.$geturl);
            $dwzcode = file_get_contents($suo_url);
            $oldarr = array('[',']','url_short','url_long',',"type":0');
            $newarr = array('','','shorturl','longurl','');
            $dwz = str_replace($oldarr, $newarr, $dwzcode);
            echo $dwz;
        }
        break;
    case "jsonp":
        if(substr($geturl, 0, 4) != 'http'){
            echo "您的输入有误！";
        }else{
            $suo_url = sprintf($apiurl.'?source='.$source.'&url_long='.$geturl);
            $dwzcode = file_get_contents($suo_url);
            $oldarr = array('[',']','url_short','url_long',',"type":0','{','}');
            $newarr = array('','','shorturl','longurl','','callbackUrl({','})');
            $dwz = str_replace($oldarr, $newarr, $dwzcode);
            echo $dwz;
        }
        break;
    default:
        echo "您的输入有误！";
}
```

## **コメント**

(0)

まだコメントはありません

## **コメントを投稿**

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://www.ikxin.com/ja#website","@type":"WebSite","description":"「憂いを忘れる一枚」は、技術探究と日々の暮らしをテーマにした個人サイトです。Web 開発、バックエンド、DevOps の実践を記録し、ソフトウェアツールやデジタル体験、コードの外で得た見聞と思索を共有します。","inLanguage":"ja-JP","name":"憂いを忘れる一枚","url":"https://www.ikxin.com/ja","translationOfWork":{"@id":"https://www.ikxin.com/#website"}},{"@id":"https://www.ikxin.com/ja/article/jquery-sina-shorturl-tool#webpage","@type":"WebPage","description":"最近 Ajax 技術を勉強しているので、よく小さな Demo を作っています。例えば、以前作った「jQuery オンラインで QQ の名前とアバターを取得」などです。今回紹介するものも Ajax プロジェクトで、主な機能は t.cn の新浪ショートURLをオンラインで生成することです。ネット上にある多くの短縮URLツー","name":"jQuery オンラインで t.cn 新浪ショートURLを生成する単一ページ版ミニツール","url":"https://www.ikxin.com/ja/article/jquery-sina-shorturl-tool","isPartOf":{"@id":"https://www.ikxin.com/ja#website"},"potentialAction":[{"@type":"ReadAction","target":["https://www.ikxin.com/ja/article/jquery-sina-shorturl-tool"]}]}]}
```

## Sitemap

See the full [sitemap](https://www.ikxin.com/sitemap.md) for all pages.