Javascript 调用Java方法的HTML

下面脚本的结果是让HTML调用Java文件，并使用从HTML文本框中提取的文本执行该Java文件。我已确保正确安装了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>

函数addData（）{
试一试{
var xhr=new XMLHttpRequest（）；
xhr.onreadystatechange=函数（）{
if（xhr.readyState==4）{
var data=xhr.responseText；
警报（数据）；
}
}
xhr.open（'GET'，'webConnAPI'，true）；
xhr.send（空）；
}捕获（例外）{
警惕（“不起作用”）；
}
}

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>

电子邮件


密码


名字


姓

参加
登录
重置
谢谢

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

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

---

您在Join按钮的onClick事件中拼错了addData（）方法。

${pageContext.request.contextPath}/webConnAPI可能是原因。确保JSTL或springaddData拼写不正确。。还要看看这是不是一个GET电话