java - 输入标签无法正常使用 JQuery Ajax

Question

我编写了一个代码，当客户端在输入中键入某些内容时，它会将数据发送到 jsp 文件进行评估，如果数据等于“James”，它会说“Hello James”。问题是输入标签不会显示您的输入，并且只接受 1 个输入

     jQuery w/ input
<fieldset>
<form style="padding:15px;">
<label for=name>Enter Name:</label>
<input type="text" name="name" id="name">
</form>
</fieldset>

<div id="result"></div>

<script>
$(document).ready(function() {
      $("input").keypress(function(event) {
        event.preventDefault(); 
        var name = $("#name").val();
        var send = {
          name: name 
        };

        $.ajax({
          type: "POST",
          url: "process2.jsp",
          data: send,
          success: function(data) {
            $("#result").html(data);
          }
        })
      });
    });


</script>
   -----------------------

    JSP FILE:
   <%

    String name = request.getParameter("name");

    if(name.equals("James")){
out.println("Hello James");
     } else {
out.println("Hello User");
    }

    %>

Answer 1

您的代码的问题在于您错误地分配了 name 变量。而不是写作。

        var name = $("#name").val();

你应该写

        var name = event.target.value; 

否则，每次按键时您都会一遍又一遍地分配相同的值，从而无法输入多个字符。