Javascript 带计时器的HTTP请求/响应

我正在实现一个小型web应用程序。每1秒处理一次用户输入，结果（响应值）显示在页面上

架构的代码如下所示，但如何实现调用请求的计时器

结果的显示不应导致页面刷新-否则，文本框中的值将丢失

**跟进[副本] 这个问题不仅仅是关于根据经过的计时器处理请求，而且是在接收了一些“提交数据”后显示响应的端到端效果，这些数据在复制的问题链接中缺失，并且是所问问题的基础

JSP（Default.JSP）

Servlet（MyServlet.java）

网络配置（Web.xml）

登录页
default.jsp
MyServlet
test.MyServlet
MyServlet
/MyServlet/*

我不确定，但为此，您只需在js代码中添加

setInterval

，如下所示：

myFunction(){
        $.get('MyServlet', {
                input: inputData
            }, function(responseText) {
                $('#theResponse').text(responseText);
            });
}
$(document).ready(function() {
        $('#input').blur(function(event) {
            var name = $('#input').val();
            setInterval(myFunction,time You want );
        });
    });

---

如果你说出一个否决问答的理由，它会很有用。

$（document）.ready（function（）{$（'#input'）.blur（function（event）{var name=$（'#input'）.val（）；setInterval（$.get（'MyServlet'，{input:name}），function（responseText）{$（“#ajaxResponse”）.text（responseText）；}），TIME（你想要的）；}）；

 $(document).ready(function() {
        $('#input').blur(function(event) {
            var name = $('#input').val();
            $.get('MyServlet', {
                input: inputData
            }, function(responseText) {
                $('#theResponse').text(responseText);
            });
        });
    });

package test;

import java.io.IOException;
import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class MyServlet extends HttpServlet 
{       
    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException 
    {

            String input= request.getParameter("input");
            if (input.equals("")) {
                    input= "cannot be empty";
            } else {
                    //do some work ... 

                    input= "ACK";
            }
            response.setContentType("text/plain");
            response.getWriter().write(input);
    }
}

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>Landing page</display-name>
  <welcome-file-list>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <servlet-name>MyServlet</servlet-name>
    <servlet-class>test.MyServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>MyServlet</servlet-name>
    <url-pattern>/MyServlet/*</url-pattern>
  </servlet-mapping>
</web-app>

myFunction(){
        $.get('MyServlet', {
                input: inputData
            }, function(responseText) {
                $('#theResponse').text(responseText);
            });
}
$(document).ready(function() {
        $('#input').blur(function(event) {
            var name = $('#input').val();
            setInterval(myFunction,time You want );
        });
    });