java - Servlet 返回文本而不是 HTML

Question

$(document).ready(function() {                        
     $.get('Navigation', function(responseText) { 
           $('#navi').text(responseText);         
     });
});

我正在调用一个名为“Navigation”的 servlet，以便获取 ID 为“navi”的 div 中的结果。 servlet 工作正常。我在 div 中获取了代码，但它显示为文本，而不是呈现为 HTML 代码。

编辑:

public void doGet(HttpServletRequest request,
                  HttpServletResponse response)
          throws ServletException, IOException {

    response.setContentType("text/html");
    response.setCharacterEncoding("UTF-8");

    PrintWriter out = response.getWriter();

    dao = new WebshopDAO();

    kategorien = dao.gibKategorien();

    out.println("<ul>");
    for (Katalog k1 : kategorien) {  
        Integer oberKat = k1.getOberkategorieNr();
        if (oberKat == 0) {
        out.println("<li class='has-sub'><a>" + k1.getKName() + "</a>\n");
            for (Katalog k2 : kategorien) {
                if (Objects.equals(k2.getOberkategorieNr(), k1.getKategorieNr())) {
                    out.println("<ul>\n<li><a><form method='get'><button type='submit' name='category' value='"
                               + k2.getKategorieNr() + "'>" + k2.getKName() + "</button></form></a></li>\n</ul>\n");
                }
            }
        out.println("</li>\n");                
        }          
    } 
    out.println("</ul>");
}

编辑2:

    <li class='has-sub'><a>Lebensmittel</a>
<ul>

<li><a><form method='get'><button type='submit' name='category' value='5'>Reis</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='6'>Gewürze</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='7'>Tee</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='8'>Snacks</button></form></a></li>

</ul></li>


<li class='has-sub'><a>Küche & Haushalt</a>
<ul>

<li><a><form method='get'><button type='submit' name='category' value='9'>Reiskocher</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='10'>Besteck</button></form></a></li>

</ul></li>


<li class='has-sub'><a>Bücher</a>
<ul>

<li><a><form method='get'><button type='submit' name='category' value='13'>Geschichte</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='14'>Sprachen</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='15'>Reiseführer</button></form></a></li>

</ul></li>


<li class='has-sub'><a>Sonstiges</a>
<ul>

<li><a><form method='get'><button type='submit' name='category' value='16'>T-Shirts</button></form></a></li>

<li><a><form method='get'><button type='submit' name='category' value='17'>Poster</button></form></a></li>

</ul></li>

编辑3:

servlet 似乎看不到 CSS，所以我无法打开该类别。如果我的 servlet 没有 Head 标签，我如何告诉它添加 CSS？

Answer 1

使用.html(),

.text() 将输入字符串视为纯文本； html() 将其视为 HTML。

$('#navi').html(responseText);