<!DOCTYPE html>
|
<html lang="zh-cn">
|
|
<head>
|
<meta charset="utf-8">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<title>短连接</title>
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/maincontent.css" rel="stylesheet">
|
<link href="css/tablestyle.css" rel="stylesheet">
|
</head>
|
|
<body>
|
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
|
</nav>
|
<div id="mainbody">
|
<div id="sidebar">
|
<dl>
|
</dl>
|
</div>
|
<div id="neirong">
|
<div class="header">
|
<h4 class="shujutitle">链接转换</h4>
|
<div class="fenge"></div>
|
</div>
|
|
<table class="table">
|
<tbody>
|
<tr>
|
<td><form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input10" class="changdu3 control-label">长链接</label>
|
<div class="col-sm-8">
|
<input type="text" class="form-control longurl" placeholder="">
|
</div>
|
</div>
|
</form></td>
|
</tr>
|
</tbody>
|
</table>
|
<table class="table">
|
<tbody>
|
<tr>
|
<td><form class="form-horizontal" role="form">
|
<div class="form-group">
|
<label for="input10" class="changdu3 control-label">短连接</label>
|
<div class="col-sm-8">
|
<input type="text" class="form-control shorturl" placeholder="">
|
</div>
|
</div>
|
</form></td>
|
</tr>
|
</tbody>
|
</table>
|
|
|
<table class="table">
|
<tbody>
|
<tr>
|
<td>
|
<form class="form-horizontal" role="form">
|
<div class="form-group">
|
<div class="button0">
|
<div class="button">
|
<button type="button" name="convert"
|
class="btn btn-primary convertLink">转换短连接
|
</button>
|
</div>
|
<div class="button">
|
<button type="button" name="open"
|
class="btn btn-primary open">查看链接
|
</button>
|
</div>
|
</div>
|
</div>
|
</form>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
|
|
<script src="//cdn.bootcss.com/jquery/1.10.1/jquery.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
<script src="js/page.js"></script>
|
<script src="js/nav.js"></script>
|
<script src="layer/layer.js"></script>
|
<script>
|
$(function(){
|
|
$(".convertLink").click(function(){
|
var url = $(".longurl").val();
|
$.post("api/v1/push/convertLink",{"url":url},function(data){
|
if(data.code==0){
|
layer.msg("转换成功！");
|
$(".shorturl").val(data.data.shortLink);
|
$(".open").attr("onclick","window.open('"+ data.data.shortLink + "')");
|
}
|
},'json')
|
});
|
|
/* $(".open").click(function(){
|
var accesskey = $(this).attr("accesskey");
|
window.location.href=accesskey;
|
}); */
|
|
});
|
|
</script>
|
</body>
|
|
</html>
|
