我已经通过对SO simiilar问题看，但似乎无法找到一个解决什么似乎是一个简单的电话..
function TweetThis(url)
{
$.ajax({
url: "http://tinyurl.com/api-create.php?url=" + url,
cache: false,
success: function(data){
alert(data);
}
});
}
基本上，我想打电话给TinyURL的使用Ajax调用和长URL并返回缩短的URL ..成功永远不会触发，但是当我查询的网址它建立在浏览器中返回罚款。
展望萤火虫它不显示响应回来了..我缺少什么？
试图使一个普通的AJAX请求，因为是不可能的同源策略的限制。 幸运的是有一个JSONP API的礼貌雷米夏普 。
这里是工作的代码：
function TweetThis(bigurl)
{
$.getJSON(
"http://json-tinyurl.appspot.com/?&callback=?",
{url: bigurl},
function(data){
alert(data.tinyurl);
}
);
}
从来没有使用过，但也许值得一试。 http://tiny-url.info/open_api.html
如果您需要添加逻辑到服务器端的能力，您可以通过安装一个“中间层”或网关脚本，做你想要什么，并返回一个格式化的JSON字符串避免JSONP的要求。
通过调用tinyurl.com的API生产tinyurls脚本的一些例子：
任何人都可以利用该代码并将其托管到自己的网页让来访问的TinyURL的服务。 同样的方法也适用于不是通过JSONP访问任何服务。
在Safari 4键（Mac OS X），它工作正常。
在Firefox 3（Mac OS X中），一半的作品-一个alert对话框出现，但它是空的（所以success的射击，但没有返回数据）。
这似乎是一个Firefox的错误呢。
试试这个。
剧本：
<script language="javascript" type="text/javascript">
<!--
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser is very old!");
}
}
}
//Browser Support Code
function ajaxGetTiny(){
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDisplayTiny');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var long_url = document.getElementById('long_url').value;
var queryString = "?long_url=" + long_url;
ajaxRequest.open("GET", "getTiny.php" + queryString, true);
ajaxRequest.send(null);
}
function ClipBoard()
{
holdtext.innerText = copytext.innerText;
Copied = holdtext.createTextRange();
Copied.execCommand("Copy");
}
//-->
</script>
现在的形式：
<form name='myForm'>
<input name="long_url" type="text" class="main" size="90">
<br>
<input type='button' class="Buttons" onclick='ajaxGetTiny();' value='GET TINY' />
</form>
现在，辅助文件：
<?
//gets the data from a URL
function get_tiny_url($url) {
$ch = curl_init();
$timeout = 5;
curl_setopt($ch,CURLOPT_URL,'http://tinyurl.com/api-create.php?url='.$url);
curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);
curl_setopt($ch,CURLOPT_CONNECTTIMEOUT,$timeout);
$data = curl_exec($ch);
curl_close($ch);
return $data;
}
//test it out!
$new_url = get_tiny_url($_GET['long_url']);
?>
<link href="../styles.css" rel="stylesheet" type="text/css" />
<table width="100%" border="0" class="main">
<tr>
<td width="5%" align="left" valign="middle"><strong>longURL:</strong></td>
<td width="95%" valign="middle" class="ArticleBody"><? echo $_GET['long_url']; ?></td>
</tr>
<tr>
<td align="left" valign="middle"><strong>tinyURL:</strong></td>
<td valign="middle" class="ArticleBody"><SPAN ID="copytext"><? echo $new_url; ?></SPAN>
<TEXTAREA ID="holdtext" STYLE="display:none;"></TEXTAREA><br>
<BUTTON onClick="ClipBoard();">Copy to Clipboard</BUTTON>
</td>
</tr>
</table>
你有没有尝试添加&callback=? 到URL的结束？ 这可能是浏览器安全的方式获得。
这应该工作
function TweetThis(url){
$.get(
"http://tinyurl.com/api-create.php",
{url: url},
function(data){
alert(data);
}
);
}
