Question

Jsp / servlets似乎比我预期的要繁琐得多。我试图通过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帖子并获取包装器以使你的生活更轻松。

例如，您的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的回应的。我认为问题在于检索响应

从servlet获取数据到ajax？

2 个答案: