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

代码如下:

<!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>

代码下载

赞 (0)

相关推荐

  • PHP生成短网址的3种方法代码实例

    短网址服务,可能很多朋友都已经不再陌生,现在大部分微博.手机邮件提醒等地方已经有很多应用模式了,并占据了一定的市场.估计很多朋友现在也正在使用. 看过新浪的短连接服务,发现后面主要有6个字符串组成. 太多算法的东西,也没必要去探讨太多,最主要的还是实现,下面是三种方法的代码: <?php //纯随机生成方法 function random($length, $pool = '') { $random = ''; if (empty($pool)) { $pool = 'abcdefghkmnpq

  • php 生成短网址原理及代码

    php 生成短网址 原理: 1.将原网址做crc32校验,得到校验码. 2.使用sprintf('%u') 将校验码转为无符号数字. 3.对无符号数字进行求余62操作(大小写字母+数字等于62位),得到余数后映射到62个字符中,将映射后的字符保存.(例如余数是10,则映射的字符是A,0-9对应0-9,10-35对应A-Z,35-62对应a-z) 4.循环操作,直到数值为0. 5.将所有映射后的字符拼接,就是短网址后的code. 代码如下: 复制代码 代码如下: /** 生成短网址 * @para

  • php生成短网址示例

    php生成短网址 复制代码 代码如下: <?php  $chars=array("a","b","c","d","e","f","g","h",    "i","j","k","l","m","n","o"

  • php短网址和数字之间相互转换的方法

    本文实例讲述了php短网址和数字之间相互转换的方法.分享给大家供大家参考.具体实现方法如下: <?php /** * 将数字转为短网址代码 * * @param int $number 数字 * @return string 短网址代码 */ function generate_code($number) { $out = ""; $codes = "abcdefghjkmnpqrstuvwxyz23456789ABCDEFGHJKMNPQRSTUVWXYZ"

  • 一个php短网址的生成代码(仿微博短网址)

    分享一个php短网址的生成代码. 复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>urlShort</title> </head> <body> <form action="urlShort.php" method="p

  • 两种JAVA实现短网址服务算法

    短网址(Short URL) ,顾名思义就是看起来很短的网址.自从twitter推出短网址服务以后,各大互联网公司都推出了自己的短网址服务.短网址最大的优点就是短,字符少,便于发布.传播.复制和存储. 通过网上的搜索,感觉流传了2种短网址算法,一种是基于MD5码的,一种是基于自增序列的. 1.基于MD5码 : 这种算法计算的短网址长度一般是5位或者6位,计算过程中可能出现碰撞(概率很小),可表达的url数量为62 的5次方或6次方.感觉google(http://goo.gl),微博用的是类似这

  • php实现的短网址算法分享

    每个网址用6个字符代替,(6^32) 最多可以拥有1,073,741,824个短网址. 当然,你还可以记录更详细的信息,如访问记录,创建时间等. 如果真不够用了,还可以删掉很久不用的. 复制代码 代码如下: function shorturl($input) {   $base32 = array (     'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h',     'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p',     'q', '

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

    复制代码 代码如下: <!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

  • 根据ip调用新浪api获取城市名并转成拼音

    功能: 1,获取当前IP地址,2,调用新浪API,获取到当前城市.3,将中文转换为拼音后跳转. 复制代码 代码如下: <?php include './pinyin.php'; //获取当前ipfunction getIp(){  $onlineip='';  if(getenv('HTTP_CLIENT_IP')&&strcasecmp(getenv('HTTP_CLIENT_IP'),'unknown')){   $onlineip=getenv('HTTP_CLIENT_IP'

  • PHP通过调用新浪API生成t.cn格式短网址链接的方法详解

    本文实例讲述了PHP通过调用新浪API生成t.cn格式短网址链接的方法.分享给大家供大家参考,具体如下: 新浪提供了长链接转为短链接的API,可以把长链接转为 t.cn/xxx 这种格式的短链接. API: http://api.t.sina.com.cn/short_url/shorten.json (返回结果是JSON格式) http://api.t.sina.com.cn/short_url/shorten.xml (返回结果是XML格式) 请求参数: source 申请应用时分配的App

  • Java调用新浪api通过Ip查询地区

    代码如下 import java.io.BufferedReader; import java.io.InputStream; import java.io.InputStreamReader; import java.net.HttpURLConnection; import java.net.URL; import javax.servlet.http.HttpServletRequest; public class sinaIpUtil { public static void main(

  • jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)

    本文实例讲述了jQuery获取访问者IP地址的方法.分享给大家供大家参考,具体如下: <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //通过调用新浪IP地址库接口查询用户当前所在国家.省份.城市.运营商信息 $.g

  • php调用新浪短链接API的方法

    本文实例讲述了php调用新浪短链接API的方法.分享给大家供大家参考.具体方法如下: 复制代码 代码如下: <?php //Sina App_Key define('SINA_APPKEY', '31641035'); function curlQuery($url) {  //设置附加HTTP头  $addHead = array(  "Content-type: application/json"  );  //初始化curl,当然,你也可以用fsockopen代替  $cu

  • jQuery实现ajax调用WCF服务的方法(附带demo下载)

    本文实例讲述了jQuery实现ajax调用WCF服务的方法.分享给大家供大家参考,具体如下: 关于AJAX调用WCF服务分为跨域和不跨域两种方式,今天咱们先介绍下不跨域下的调用方法.DEMO是在VS2008写的. 经过测试与研究,发现AJAX调用WCF服务必须满足以下条件 1.wcf的通讯方式必须使用webHttpBinding 2.必须设置<endpointBehaviors>节点的值 3.服务的实现必须添加标记 复制代码 代码如下: [AspNetCompatibilityRequirem

  • 使用c++调用windows打印api进行打印的示例代码

    前言 在近期开发的收银台项目中,需要使用打印机进行小票打印,打印流程的时序图如下所示: 在客户的使用过程中,遇到一个问题,如果机器安装了打印机驱动,那么调用厂商提供的 sdk 进行打印的话,会导致出现小票只打印一半的情况,对此,需要绕过厂商 sdk 使用系统的打印才能够解决这一问题. 在 web 端打印中,需要调用浏览器打印 api 进行网页打印.这意味着,之前后端编写的esc/pos无法复用到,同时,前端还得花费精力来编写 html 以及css 来完成打印内容的排版,这无疑增加了复杂度以及工作

  • JS实现仿新浪黄色经典滑动门效果代码

    JS实现仿新浪黄色经典滑动门效果代码

    本文实例讲述了JS实现仿新浪黄色经典滑动门效果代码.分享给大家供大家参考.具体如下: 这是一款仿新浪网的滑动门,黄色经典,操作舒适度确实很舒服,不亏是门户哦,长度和宽度这个就要自己修改啦,布局紧凑合理,本人喜欢的风格. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-sina-jd-move-style-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans

  • jquery实现表单获取短信验证码代码

    jquery实现表单获取短信验证码代码

    效果图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery表单获取短信验证码代码</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script&g

随机推荐