一些.Ly共享文本框功能

Question

有人知道我有多爱你吗?Ly在您输入完链接后立即替换文本区域?

Answer 1

我认为OP是在问多少位。ly将长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对数据进行样式化和显示。我不能透露具体是哪一点。但如果我尝试类似的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>