Bit.ly共享文本框功能

Question

有没有人有一个线索，当你完成键入链接后，bit.ly如何替换textarea？

Answer 1

我认为OP在询问如何将long.URL转换为较短的URL，而无需重新加载页面。这将通过对网页的AJAX调用来完成，该网页上运行了一个脚本。

这里是我的尝试得到一个形式类似的效果提交，我不知道是什么方面是你最感兴趣的

<script type="text/javascript"> 
document.getElementById('formElement').onsubmit = "return requestURL();"; 
function requestURL() { 
    var data = document.getElementById('formInputData').value; // get value from <input type="text" id="formInputData /> 
    if (window.XMLHttpRequest) { 
     var request=new XMLHttpRequest(); // code for IE7+, Firefox, Chrome, Opera, Safari 
    } 
    else { 
     var request=new ActiveXObject("Microsoft.XMLHTTP"); // code for IE6, IE5 
    } 
    request.onreadystatechange=function() { 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
     // if the request worked, output the data the server returned (PHP, .net, etc.) 
     document.getElementById('serveroutput').innerHTML = result.responseText; 
    } 
    request.open("GET", "serverscript.ext?data="+data, "true"); // Setup the server request 
    request.send(); // Send the request to the server 
    return false; // Stops the form from submitting normally 
} 
</script> 

这个例子不具有安全性，风格，或其他特殊东西，但可能会提供一个更好的主意。
JSON或类似的方法可能用于将数据返回到JavaScript，然后JavaScript将样式化并显示数据。我无法给出bit.ly使用的具体细节，但如果我尝试使用类似的JavaScript解决方案，则会使用这个想法。

我是如何回答这个问题的？我回答了完全不同的东西吗？我应该扩大答案吗？我问的问题太多了吗？ （是最后一个问题）

---

响应于在按下空格键注释，该功能可以被添加到用下面的函数上面的代码。

<script type="text/javascript"> 
    document.getElementById('formInputData').onkeypress = function() { 
     if(document.getElementById('formInputData').value.split('')[-1] === " ") { 
      document.getElementById('formInputData').value = document.getElementById('formInputData').value.substring(0, str.length - 1); 
      requestURL(); 
     } 
    } 
</script>