HTML 调用 Java 方法

Question

以下脚本的结果是让 HTML 调用 Java 文件，并让 Java 文件使用从 HTML 文本框中提取的文本执行。我已确保正确安装了 API（servlet、APEX）。

Java

import java.io.*;

import javax.servlet.ServletException;
import javax.servlet.http.*;
@SuppressWarnings("serial")
public class webConnAPI extends HttpServlet {
    @Override
    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        User temp = new User();
        temp.setfname(request.getParameter("fname"));
        temp.setlname(request.getParameter("lname"));
        temp.setEmail(request.getParameter("email"));
        temp.setPword(request.getParameter("pword"));

        EmailServer addUser = new EmailServer();
        addUser.Users.add(temp);
}

按钮调用的 JavaScript 函数

<script>
        function addData(){
            try{
                var xhr = new XMLHttpRequest();
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4) {
                        var data = xhr.responseText;
                        alert(data);
                    }
                }
                xhr.open('GET', 'webConnAPI', true);
                xhr.send(null);
            }catch(Excetpion){
                alert('didnt work');
            }
        }
</script>

HTML

文本框和按钮。

 <form name="form" action="${pageContext.request.contextPath}/webConnAPI" method="post">
   <fieldset>
      <legend>
         <h2>
            <!--Not Useful to Question-->
         </h2>
      </legend>
      <div class="separator"></div>
      <p>
         <!-- not Important to Question-->
      </p>
      <p>
         <label>Email</label>
         <input type = "text"
            id = "email"
            value = "Email" 
            name = "email"/>
      </p>
      <p>
         <label>Password</label>
         <input type = "password"
            id = "pword"
            value = "password"
            name = "pword"/>
      </p>
      <p>
         <label>First Name</label>
         <input type = "text"
            id = "fname"
            value = "First Name" 
            name = "fname"/>
      </p>
      <p>
         <label>Last Name</label>
         <input type = "text"
            id = "lname"
            value = "Last Name"
            name = "lname"/>
      </p>
      <div>
         <button type="submit" id="buttonJoin" onclick="addDate()">Join</button>
      </div>
      <div>
         <button onclick="buttonLogin" type="submit" name="buttonLogin">Login</button>  
      </div>
      <div>
         <button onclick="buttonReset" type="reset" nwame="buttonReset">Reset</button>  
      </div>
   </fieldset>
   <div id="data"></div>
   <div id="showDiv"  style="display:none;">Thanks</div>
</form>

我真的不明白这个问题，如果我能得到一些帮助，我将非常感激。提前致谢。

Answer 1

<button type="submit" id="buttonJoin" onclick="addDate()">Join</button>

您在加入按钮的 onClick 事件中拼错了 addData() 方法。