我对Web应用程序和servlet非常陌生，我有以下问题：

每当我在servlet中打印内容并由WebBrowser调用时，它会返回包含该文本的新页面。有没有一种方法可以使用Ajax打印当前页面中的文本？

实际上，关键字是"ajax"：异步JavaScript和XML。然而，过去几年，它常常是异步JavaScript和JSON。基本上，您可以让JS执行一个异步HTTP请求，并根据响应数据更新HTMLDOM树。好的。

由于让它在所有浏览器(尤其是Internet Explorer和其他浏览器)上工作相当繁琐，因此有大量的javascript库可以在单个函数中简化这一过程，并尽可能多地覆盖引擎盖下特定于浏览器的错误/怪癖，如jquery、原型、moootools。由于jquery最近最流行，我将在下面的示例中使用它。好的。将String返回为纯文本的启动示例

创建一个/some.jsp如下(注意：代码不希望JSP文件被放在子文件夹中，如果这样做，请相应地更改servlet url)：好的。

使用doGet()方法创建servlet，如下所示：好的。

将这个servlet映射到/someservlet或/someservlet/*的url模式，如下所示(显然，url模式可以由您自由选择，但是您需要相应地在JS代码示例中更改someservleturl)：好的。

或者，当您还没有使用与servlet 3.0兼容的容器(Tomcat 7、Glassfish 3、JBoss as 6等或更高版本)时，可以使用老式的方法(另请参见我们的servlet wiki页面)将其映射到web.xml中：好的。

现在，在浏览器中打开http://localhost:8080/context/test.jsp并按按钮。您将看到，使用servlet响应更新了DIV的内容。好的。返回List作为json

使用JSON而不是纯文本作为响应格式，您甚至可以进一步了解一些步骤。它允许更多的动力。首先，您希望有一个在Java对象和JSON字符串之间转换的工具。它们也有很多(参见本页底部的概述)。我个人最喜欢的是谷歌GSON。下载并将其JAR文件放在webapplication的/WEB-INF/lib文件夹中。好的。

下面是一个示例，它将List显示为

• 。servlet：好的。

  1 2 3 4 5 6 7 8 9 10 11 12

  @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {     List<String> list = new ArrayList<>();     list.add("item1");     list.add("item2");     list.add("item3");     String json = new Gson().toJson(list);     response.setContentType("application/json");     response.setCharacterEncoding("UTF-8");     response.getWriter().write(json); }

  JS代码：好的。

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

  $(document).on("click","#somebutton", function() {  // When HTML DOM"click" event is invoked on element with ID"somebutton", execute the following function...     $.get("someservlet", function(responseJson) {    // Execute Ajax GET request on URL of"someservlet" and execute the following function with Ajax response JSON...         var $ul = $(" <ul> ").appendTo($("#somediv")); // Create HTML <ul>  element and append it to HTML DOM element with ID"somediv".         $.each(responseJson, function(index, item) { // Iterate over the JSON array.             $(" <li> ").text(item).appendTo($ul);      // Create HTML <li>  element, set its text content with currently iterated item and append it to the <ul> .         });     }); });

  请注意，当您将响应内容类型设置为application/json时，jquery会自动将响应解析为json，并直接给您一个json对象(responseJson作为函数参数)。如果您忘记设置它或依赖于默认的text/plain或text/html，那么responseJson参数不会给您一个JSON对象，而是一个普通的字符串，之后您需要手动处理JSON.parse()，如果您首先正确设置内容类型，这是完全不必要的。好的。返回Map作为json

  下面是另一个将Map显示为的示例：好的。

  1 2 3 4 5 6 7 8 9 10 11 12

  @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {     Map<String, String> options = new LinkedHashMap<>();     options.put("value1","label1");     options.put("value2","label2");     options.put("value3","label3");     String json = new Gson().toJson(options);     response.setContentType("application/json");     response.setCharacterEncoding("UTF-8");     response.getWriter().write(json); }

  JSP：好的。

  1 2 3 4 5 6 7 8 9

  $(document).on("click","#somebutton", function() {               // When HTML DOM"click" event is invoked on element with ID"somebutton", execute the following function...     $.get("someservlet", function(responseJson) {                 // Execute Ajax GET request on URL of"someservlet" and execute the following function with Ajax response JSON...         var $select = $("#someselect");                           // Locate HTML DOM element with ID"someselect".         $select.find("option").remove();                          // Find all child elements with tag name"option" and remove them (just to prevent duplicate options when button is pressed again).         $.each(responseJson, function(key, value) {               // Iterate over the JSON object.             $("<option>").val(key).text(value).appendTo($select); // Create HTML <option> element, set its value with currently iterated key and its text content with currently iterated item and finally append it to the <select>.         });     }); });

  具有好的。

  1	<select id="someselect"></select>

  返回List作为json

  这里有一个例子，它显示了List在

  中，Product类具有Long id属性、String name属性和BigDecimal price属性。servlet：好的。

  1 2 3 4 5 6 7 8 9

  @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {     List<Product> products = someProductService.list();     String json = new Gson().toJson(products);     response.setContentType("application/json");     response.setCharacterEncoding("UTF-8");     response.getWriter().write(json); }