从servlet到ajax获取数据？

Question

Jsp / servlet似乎比我预期的要乏味得多。 我试图通过ajax调用servlet函数，实际上让它将一些数据反馈回我的前端，这是一个jsp文件。

这段代码返回我的响应为null。

这是我的servlet的一部分。 我正在尝试（非常希望从代码中明显看出）让它发送一些东西-任何东西都回到ajax。

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String action = (String) request.getParameter("action");
if (action.equalsIgnoreCase("selectedhotel"))
    {

        response.setContentType("text/plain");  
        response.setCharacterEncoding("UTF-8"); 
        System.out.println("test");
        String attribute = (String) request.getParameter("hotel_id");
        System.out.println(attribute);
        List<Room> aRooms;
        aRooms = model.getRoomByHotel(Integer.valueOf(attribute));
        request.setAttribute("aRooms", aRooms);
        request.setAttribute("list", list);
        PrintWriter outPrintWriter = response.getWriter();
        outPrintWriter.write("ASDSADA");
            outPrintWriter.println("test");
    }   

还有我的JSP中的ajax：

$(function(){
$("#hotelSelector li").click(function(){        
    var hid = $(this).attr('id');

    $.ajax({ type: "GET",   
         url: "AppController?action=selectedhotel&hotel_id=1",   
         success : function(text)
         {
            alert(text);
             // This will show the values. Change "alert" for $('div#mydiv').html(value) or so
         }
    });
});
});</script>

Riiight ...所以，请解决？

Answer 1

如前所述，您确实需要从小处着手并逐步提高。 获得一个简单的“ hello world” ajax响应，然后处理更复杂的响应。 对于更复杂的数据响应，我建议您调查json（请参阅gson ）以序列化Java对象，以便在响应编写器中发回。

您应该考虑的第一件事是使用jQuery post并获取包装器，以使您的生活更轻松。

例如，您的html如下所示：

<h1>Hello: <span style="color:red" id="showMyName"></span></h1>
<form method="post" action="AjaxServlet" id="myForm">
    <input type="text" name="myName" />            
</form>
<button id="ajaxSubmit" type="submit">SEND</button>
<script type="text/javascript">
     $(document).ready(function() {
        $('#ajaxSubmit').on('click', function() {
        // To simplify things, wrap what you can in a form and serialize                      
        // it to send to the server.
            var myForm = $('#myForm');
            $.get(myForm.attr('action'), myForm.serialize(), function(data) {
                $('#showMyName').text(data);
            });
        });
    });
</script>

在servlet方面，您应该从一个普通的servlet开始，并且一旦确定它可以正常工作，就开始添加其他作用域。 基本的servlet应该是这样的：

// For this example, get and post will use the same base procedures.
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
    processRequest(request, response);
}

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {
    processRequest(request, response);
}

protected void processRequest(HttpServletRequest request, 
    HttpServletResponse response) throws ServletException, IOException {
    response.setContentType("text/html;charset=UTF-8");
    PrintWriter out = response.getWriter();
    try {
        /* TODO output your response here.*/
        out.println(request.getParameter("myName"));
    } finally {
        out.close();
    }
}

发送复杂响应的一种方法是将所有数据放入某种类型的集合中，然后使用gson或其他JsonObjectMapper将其转换为字符串。 然后，您可以将此String放入响应编写器中，并将其发送回去，以供jQuery解析。

编辑：

我忘了提到您需要确保servlet容器也可以识别您的servlet。 如果尚未将描述符添加到web.xml，则它应具有如下条目：

<servlet>
    <servlet-name>AjaxServlet</servlet-name>
    <servlet-class>org.test.AjaxServlet</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>AjaxServlet</servlet-name>
    <url-pattern>/AjaxServlet</url-pattern>
</servlet-mapping>

Answer 2

xmlhttp.responseText在javascript中用于从Servlet获取响应。 您如何在jquery中获得响应。 我认为问题出在响应中