当我在一个网页上写东西时,它应该同时出现在另一个链接页面中

时间:2014-04-18 17:41:44

标签: html ajax jsp servlets

当我开始使用AJAX键入其中一个文本框时,如何创建一个类似translate.google.com的网页,其中一个文本框的内容会转移到另一个文本框

1 个答案:

答案 0 :(得分:0)

这样的东西? http://jsfiddle.net/QY49U/2/

$(document).ready(function() {
    $('#input').keyup(function() {
        $.ajax({
            url: "http://jsfiddle.net/echo/jsonp/",
            contentType: 'application/json',
            crossDomain : true,
            data: {value:$(this).text()},
            dataType: 'jsonp',
            type: 'POST',
            success: function(d) {
                $('#output').text(d.value);
            }
        });
    });
});

听起来你正试图自动完成。

结帐jquery-ui的自动完成控件。

http://jqueryui.com/autocomplete/

另一种选择是绑定onkeyup事件并拉取到目前为止输入的值。然后将其交给您的Web服务,并用响应替换您的输出元素。

http://www.w3schools.com/jsref/event_onkeyup.asp

根据您使用的框架,可能内置了一个解决方案。即:ng-model上的角度观察。