AJAX 调用未到达 Servlet答案

【问题标题】：AJAX call is not reaching ServletAJAX 调用未到达 Servlet
【发布时间】：2018-03-23 00:19:25
【问题描述】：

我正在尝试制作一个简单的文本框，它会根据用户输入的字符发起提示性反馈。我正在尝试从 Servlet 获取 JSON 对象，但我的 AJAX 调用以某种方式无法到达 servlet。在使用 this.status 检查 AJAX 请求的状态时，我收到错误代码 404。谁能建议我一个解决方案：

[![在此处输入图片描述][1]][1]

这是我的 servlet：FetchServ.java

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException{
        Connection con;
        ResultSet rs;
        java.sql.PreparedStatement pst;

        String ch = request.getParameter("q");
        String data;
        ArrayList<String> list = new ArrayList();

        response.setContentType("application/JSON");
        PrintWriter out = response.getWriter();
        try {
            Class.forName("com.mysql.jdbc.Driver");
            System.out.println("drivers registered");
            con = DriverManager.getConnection(con_url, userID, password);
            System.out.println("connection created");
            pst = con.prepareStatement("SELECT * FROM candidates where FirstName LIKE ?");
            pst.setString(1, ch + "%");
            rs = pst.executeQuery();
            System.out.println("query executed");
            while(rs.next())
            {
                data = rs.getString("FirstName");
                list.add(data);
            }
        String json = new Gson().toJson(list);
        response.setCharacterEncoding("UTF-8");
        response.getWriter().write(json);
        response.getWriter().append("Served at: ").append(request.getContextPath());
    } catch (SQLException | ClassNotFoundException e) {
        System.err.println(e.getMessage());
    }   
}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    // TODO Auto-generated method stub
    doGet(request, response);
}

jsp代码：

    <script>
function suggest(str){
    if(str.length == 0){
        return;
    }else{
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.onreadystatechange = function(){
            document.getElementById("sugg").innerHTML = this.status;
            if(this.readyState == 4 && this.status == 200){
                //var res = JSON.parse(this.responseText);
                document.getElementById("sugg").innerHTML = this.responseText;
            }

        };
        try{
        xmlhttp.open("GET", "com.test.java/FetchServ", true);
        xmlhttp.send();
        }catch(e)
        {
            alert("unable to connect ");
        }
    }
}
</script>
</head>
<body>
<form>
Search:<input type="text" onkeyup = "suggest(this.value)">
</form>
<p id = "sugg"></p>
</body>
</html>

这是我得到的结果： [![在此处输入图片描述][2]][2]

     <display-name>ACtxtbox</display-name>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
 <servlet>
        <servlet-name>FetchServ</servlet-name>
        <servlet-class>com.test.java/FetchServ</servlet-class>
  </servlet>
  <servlet-mapping>
        <servlet-name>FetchServ</servlet-name>
        <url-pattern>/FetchServ</url-pattern>
  </servlet-mapping>
</web-app>

【问题讨论】：

浏览器调试工具告诉你什么？
我已经尝试过您的代码，并且运行良好
不要使用默认包尝试提供一些有意义的包并在您的 web.xml 中使用它
@stdunbar 这是 Chrome 调试器所说的：请求 URL：localhost:8080/ACtxtbox/src/com.test.java/FetchServ.java 请求方法：GET 状态代码：404 未找到远程地址：[::1]:8080 推荐人策略：no-referrer-when -降级
@SanjayPatel 你是说 AJAX 调用正在从后端返回建议吗？？？

标签： java ajax jsp servlets

【解决方案1】：

您的 Web.xml 条目不正确，请检查您在 urlbar 中使用的 url 以及使用 xmlhttp.open("GET", "fetch", true); 提交的表单，您可以调试作为请求传递给服务器的实际 url打开developer tools 并导航到network tab 将如下所示。

你的<servlet-class>ACtxtbox/FetchServ</servlet-class> 也不正确，它应该是像<servlet-class>sompackagepath.FetchServ</servlet-class> 这样的包路径

编辑

根据您的图片，我可以看到您已声明 index.jsp，可以通过提供网址访问：http://localhost:<port_number>/ACtxtbox/index.jsp。

现在您应该注意以下几点：

当您使用 ajax 调用调用 servlet 时参数为 fetch 在你的这行代码中 javascript xmlhttp.open("GET", "fetch", true); 因此它现在正在改变你的网址http://localhost:<port_number>/ACtxtbox/fetch
您的 web.xml 条目应该是这样的

<servlet>
  <servlet-name>FetchServ</servlet-name>
  <servlet-class>com.rishal.test.FetchServ</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>FetchServ</servlet-name>
  <url-pattern>/fetch</url-pattern>
</servlet-mapping>

你的网址格式怎么来的 http://localhost:<port_number>/ACtxtbox/com.test.java/fetch ?是如果您修改了 web.xml 条目。请阅读教程和谷歌关于 web 应用程序、jsp、servlet 和 ajax 调用。你还应注意，您必须在下创建 servlet 类一些package，正如我在 web.xml 条目中给出的那样 com.rishal.test 它的包路径和类在这个包里面路径。

package com.rishal.test;
public class FetchServ extends HttpServlet {
----------------------
---------------------------
}

【讨论】：

我尝试了您的解决方案，即使 URL 指向 servlet 的正确位置，响应响应状态仍然是 404。这是屏幕截图；请指教
你的截图在哪里，你需要做哪些修改，在问题中更新
当我在 web.xml 中进行 servlet 映射时，我现在面临 Tomcat 服务器崩溃的新问题。即使没有 servlet 映射，浏览器也会请求正确的 URL，但没有用。以下是截图链接：imgur.com/qUzUkwl
这是我面临的 Tomcat 错误的链接imgur.com/KyZfUom
@SanjayPatel 你是说 AJAX 正在返回关于候选人姓名的建议？？？