AJAX的跨域与JSONP(为文章自动添加短址的功能)(2)

<script type="text/javascript">
$("#shortItByjQueryJSONP").click(function(){
c_url = 'http://s8.hk:8088/s8/s?format=text&longUrl=';
c_url += document.location.href;
//注意下面只需一个问号，不用具体的函数名
c_url += '&jsonp=?'
//注意是getJSON 哦
$.getJSON(c_url, function(data){
alert(data);
});
});
</script>

哈哈，是不是很简便呢？下面就用这个实现为我们的文章添加自动缩短网址的功能吧：

复制代码 代码如下:

<script type="text/javascript">
$(function(){
c_url = 'http://s8.hk:8088/s8/s?format=text&longUrl=';
c_url += document.location.href;
//注意下面只需一个问号，不用具体的函数名
c_url += '&jsonp=?'
$.getJSON(c_url, function(data){
//这里要这么处理、放到哪里就看你自己喜欢咯.而且这还和你博客使用的模板有关的哦
$("<div>本文短址：</div>").css("font-weight", "normal")
.css("font-size", "12px")
.append($("<a>"+data+"</a>").attr("href", data))
.appendTo(".post .postTitle");
});
});
</script>

OK，打完收工。Enjoy it!
再多说几句，在twitter上很多还是用bit.ly、j.mp等国外的短址服务，墙得厉害，每次看不到很郁闷。尽量不要用那些墙得厉害的吧。

您可能感兴趣的文章: