JQuery与Ajax调用新浪API获取短网址的代码


Posted in Javascript onFebruary 07, 2014
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>获取新浪短网址</title> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script> 
<!--<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>--> 
</head> 
<body> 
<label for="long">长网址:</label> 
<input value="http://baike.baidu.com/link?url=XLrVdYRThMvU_DlDT67v2wg9XYgG3xXvsB97WZFDz4psPORqGotkTiH1O5L1SGrD9Du-OSxWt_5E2KNtk01HhK" id="long"><br><br> 
<label for="app_key">输入您的app_key(没有可到网上搜索):</label><br> 
<input value="211160679" id="app_key"><br><br> 
<span id="short">短网址:</span><br><br> 
<span id="dlgcy">调用地址:</span><br><br> 
<button type="button" id="btn">Click me</button><br> 
<!--<span id="link">网址:</span>--> 
<br><br><br> 
<a href="http://www.cnblogs.com/azure/archive/2012/08/29/WeiboAPI.html" target="_blank">参考文章:以短链服务为例,探讨免AppKey、免认证、Ajax跨域调用新浪微博API</a> 
<br><br> 
<a href="http://open.weibo.com/tools/console?uri=short_url/shorten&httpmethod=GET&key1=url_long&value1=http%3A%2F%2Fopen.weibo.com%2Fqa" target="_blank">新浪API测试</a> 
</body> <script type="text/javascript"> 
$(document).ready(function(){ 
$("#btn").click(function(){ 
var short = $("#short"); 
var long = $("#long").val(); //获取属性值; 
//var url = "https://api.weibo.com/2/short_url/shorten.json"; //官方API地址; 
var url2 = "http://api.weibo.com/2/short_url/shorten.json"; 
var app_key = $("#app_key").val();//app_key无效可能会导致无反应; 
//var access_token; 
//var cmd = url + "&url_long=" + long + "&access_token=" + access_token; 
var cmd2 = url2 + "?source=" + app_key + "&url_long=" + long; 
var message=""; 
$.ajax({ //底层方法; 
url: cmd2, 
type: "GET", 
dataType: "jsonp", //使用JSONP方法进行AJAX,json有跨域问题; 
cache: false, 
success: function (data, status) { 
//获取传回的信息; 
for(x in data.data.urls[0]) message += x+'='+data.data.urls[0][x]+'&'; 
alert("Data:\n" + message + "\n\nStatus: " + status); 
short.append( data.data.urls[0].url_short + "<br>"); 
//$("#dlgcy").hide(); 
$("#dlgcy").text(cmd2); 
}, 
error: function(obj,info,errObj){ 
alert("$.ajax()中发生错误:" + info); 
} 
}); 
}); 
}); 
</script> 
</html>

代码下载
Javascript 相关文章推荐
ext 同步和异步示例代码
Sep 18 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
js中document.write使用过程中的一点疑问解答
Mar 20 Javascript
详谈JavaScript 匿名函数及闭包
Nov 14 Javascript
AngularJS实现DOM元素的显示与隐藏功能
Nov 22 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
angularjs实现柱状图动态加载的示例
Dec 11 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
Feb 07 #Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
Feb 07 #Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
Feb 07 #Javascript
Ajax提交与传统表单提交的区别说明
Feb 07 #Javascript
JQUERY 设置SELECT选中项代码
Feb 07 #Javascript
jquery操作select详解(取值,设置选中)
Feb 07 #Javascript
jquery select 设置默认选中的示例代码
Feb 07 #Javascript
You might like
PHP中实现图片的锐化
2006/10/09 PHP
PHP实现的多彩标签效果代码分享
2014/08/21 PHP
Yii2搭建后台并实现rbac权限控制完整实例教程
2016/04/28 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
javascript与webservice的通信实现代码
2010/12/25 Javascript
一个简单的瀑布流效果(主体形式自写)
2013/05/27 Javascript
js中数组Array的一些常用方法总结
2013/08/12 Javascript
js 数组去重的四种实用方法
2014/09/09 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
微信小程序实现收藏与取消收藏切换图片功能
2018/08/03 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
js实现简单的点名器随机色实例代码
2020/09/20 Javascript
[05:07]DOTA2英雄梦之声_第14期_暗影恶魔
2014/06/20 DOTA
Tensorflow卷积神经网络实例
2018/05/24 Python
Django Rest framework权限的详细用法
2019/07/25 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
Django自关联实现多级联动查询实例
2020/05/19 Python
Python在字符串中处理html和xml的方法
2020/07/31 Python
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
Java的基础面试题附答案
2016/01/10 面试题
计算机应用毕业生自荐信
2013/10/23 职场文书
毕业生的自我鉴定该怎么写
2013/12/02 职场文书
小学运动会表扬稿
2014/01/19 职场文书
家庭教育的心得体会
2014/09/01 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
2014年收银工作总结
2014/11/13 职场文书
大学生党员自我评价
2015/03/04 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
解决python存数据库速度太慢的问题
2021/04/23 Python
配置Kubernetes外网访问集群
2022/03/31 Servers