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 相关文章推荐
JavaScript定义类或函数的几种方式小结
Jan 09 Javascript
jQuery实现切换页面布局使用介绍
Oct 09 Javascript
javascript 基础篇1 什么是js 建立第一个js程序
Mar 14 Javascript
jquery之超简单的div显示和隐藏特效demo(分享)
Jul 09 Javascript
JS阻止冒泡事件以及默认事件发生的简单方法
Jan 17 Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
微信小程序wepy框架学习和使用心得详解
May 24 Javascript
微信小程序-API接口安全详解
Jul 16 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 Vue.js
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
15种PHP Encoder的比较
2007/03/06 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
PHP实现微信提现功能(微信商城)
2019/11/21 PHP
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
JavaScript继承学习笔记【新手必看】
2016/05/10 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
jQuery实现简单的计时器功能实例分析
2017/08/29 jQuery
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
Javascript 实现 Excel 导入生成图表功能
2018/10/22 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
python 接口测试response返回数据对比的方法
2018/02/11 Python
Python使用numpy实现BP神经网络
2018/03/10 Python
Python解决走迷宫问题算法示例
2018/07/27 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
python rsync服务器之间文件夹同步脚本
2019/08/29 Python
详解Python修复遥感影像条带的两种方式
2020/02/23 Python
Python 在 VSCode 中使用 IPython Kernel 的方法详解
2020/09/05 Python
使用SVG实现提示框功能的示例代码
2020/06/05 HTML / CSS
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
英国在线发型和美容产品商店:Beauty Cutie
2019/04/27 全球购物
本科毕业生求职信
2014/06/15 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
2016党员干部反腐倡廉心得体会
2016/01/13 职场文书
2019同学聚会主持词
2019/05/06 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
golang日志包logger的用法详解
2021/05/05 Golang
MySQL 数据类型选择原则
2021/05/27 MySQL
python中super()函数的理解与基本使用
2021/08/30 Python
JS setTimeout与setInterval的区别
2022/04/20 Javascript