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

  次阅读 来源:互联网(转载协议) 2016-03-24 20:03 我要评论(0)

这篇文章主要介绍了调用新浪API获取短网址的方法有很多,本例为大家介绍下使用JQuery与Ajax来实现,需要的朋友可以参考下

代码如下:

<!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]+'&';

本站部分文章来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 让AI触手可及  Qualcomm携手创通联达推出全新终端侧AI开发套件

    让AI触手可及 Qualcomm携手创通联达推出全新终端侧AI开发套件

  • 品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

    品友互动为Digital Travel APAC2018 唯一受邀中国AI企业

  • 第一批国家重点研发计划公布,旷视科技开启“五年行动”

    第一批国家重点研发计划公布,旷视科技开启“五年行动”

  • 长虹新款智能语音空调,告诉你空调也能玩Siri

    长虹新款智能语音空调,告诉你空调也能玩Siri

网友点评网友点评
阅读推荐阅读推荐

据外媒报道,STEER打造了首款完全自动驾驶停车技术,旨在使常规车辆转变为无人驾驶车辆。STEER的首款技术应用是4级自动驾驶及网络安全停车...

近日,美国软性机器抓手制造商 Soft Robotics 宣布,获得 2000 万美元的融资,本轮投资者包括 Scale Venture Partners,Calibrate Ventures...

据外媒报道,加州车管局发布了《2017自动驾驶脱离报告(California Autonomous Vehicle Disengagement Reports)》,其中谈及了脱离的具体...

用人机语音交互,来解决智能家居适老的问题;通过家庭门禁与安防套件、空气净化套件、可燃气体与有害气体监控套件等相互联动,在不同生活情...