创建一个如下所示的/some.jsp（注意：此答案中的代码片段并不期望jsp文件被放置在子文件夹中，如果这样做，请相应地将servlet URL从&someservlet&quot；更改为${pageContext.request.contextPath}/someservlet&quot；；为了简洁起见，代码片段中省略了它）：

&lt；！DOCTYPE html&gt；
&lt；html lang=&quot；"&燃气轮机；
&lt；头&gt；
&lt；标题&gt；因此，问题4112686&lt/标题&gt；
&lt；脚本src=&quot；http://code.jquery.com/jquery-latest.min.js"&燃气轮机&lt/脚本&gt；
&lt；脚本&gt；
$（文档）。。。
$.get（&quot；someservlet&quot；，函数（responseText）{//在&quot；someservlet&quot；的URL上执行Ajax get请求，并使用Ajax响应文本执行以下函数。。。
$（“somediv”）.text（responseText）；//找到ID为“somediv”的HTML DOM元素，并使用响应文本设置其文本内容。
});
});
&lt/脚本&gt；
&lt/头&gt；
&lt；车身&gt；
&lt；按钮id=&quot；somebutton&quot&燃气轮机；按此处&lt/按钮&gt；
&lt；div id=&quot；somediv“&燃气轮机&lt/部门&gt；
&lt/车身&gt；
&lt/html&gt；

使用doGet（）方法创建一个servlet，如下所示：

@override
受保护的void doGet（HttpServletRequest请求，HttpServletResponse响应）抛出ServletException，IOException{
字符串文本=“一些文本”；；
response.setContentType（&quot；text/plain）；//设置响应的内容类型，以便jQuery知道它可以期望什么。
response.setCharacterEncoding（&quot；UTF-8&quot；）；//你想统治世界，是吗？
response.getWriter（）.write（text）；//写入响应体。
}

将此servlet映射到/someservlet或/someservlet/*的URL模式上，如下所示（显然，URL模式由您自由选择，但您需要相应地修改JS代码示例中的someservletURL）：

package com.example；
@WebServlet（“someservlet/*”）
公共类SomeServlet扩展了HttpServlet{
// ...
}

或者，当您还没有使用与Servlet 3.0兼容的容器（Tomcat 7、Glassfish 3、JBoss AS 6等或更新版本）时，请以老式方式将其映射到web.xml（另请参见我们的Servlets wiki页面）：

&lt；servlet&gt；
&lt；servlet名称&gt；someservlet&lt/servlet名称&gt；
&lt；servlet类&gt；SomeServlet&lt/servlet类&gt；
&lt/servlet&gt；
&lt；servlet映射&gt；
&lt；servlet名称&gt；someservlet&lt/servlet名称&gt；
&lt；url模式&gt/someservlet/*&lt/url模式&gt；
&lt/servlet映射&gt；

现在打开http://localhost:8080/context/test.jsp 在浏览器中，然后按按钮。您将看到div的内容通过servlet响应得到更新

返回列表&lt；字符串&gt作为JSON

@override
受保护的void doGet（HttpServletRequest请求，HttpServletResponse响应）抛出ServletException，IOException{
List&lt；String&gt；List=新数组列表&lt；&gt；（）；
列表。添加（“项目1”）；
列表。添加（“项目2”）；
列表。添加（“第3项”）；
字符串json=new Gson（）.toJson（列表）；
setContentType（“application/json”）；
响应。setCharacterEncoding（“UTF-8”）；
response.getWriter（）.write（json）；
}

$（文档）。在（”单击“，”somebutton“，”函数（）{//当对ID为“somebutton”的元素调用HTML DOM“单击”事件时，执行以下函数。。。
$.get（&quot；someservlet&quot；，函数（responseJson）{//在&quot；someservlet&quot；的URL上执行Ajax get请求，并使用Ajax响应JSON执行以下函数。。。
var$ul=$（“ul&gt”）.appendTo（$（“somediv”）；//创建HTML&lt；ul&gt；元素并将其附加到ID为“somediv”的HTML DOM元素；。
$.each（responseJson，function（index，item）{//遍历JSON数组。
$（&quot；li&gt；）.text（item）.appendTo（$ul）；//创建HTML&lt；li&gt；元素，使用当前迭代的项设置其文本内容，并将其附加到&lt；ul&gt；。
});
});
});

@override
受保护的void doGet（HttpServletRequest请求，HttpServletResponse响应）抛出ServletException，IOException{
Map&lt；String，String&gt；options=newlinkedhashmap&lt；&gt；（）；
期权。看跌期权（“value1”、“label1”）；
期权。看跌期权（“value2”、“label2”）；
期权。看跌期权（“value3”、“label3”）；
字符串json=new Gson（）.toJson（选项）；
setContentType（“application/json”）；
响应。setCharacterEncoding（“UTF-8”）；
response.getWriter（）.write（json）；
}

$（文档）。在（”单击“，”somebutton“，”函数（）{//当对ID为“somebutton”的元素调用HTML DOM“单击”事件时，执行以下函数。。。
$.get（&quot；someservlet&quot；，函数（responseJson）{//在&quot；someservlet&quot；的URL上执行Ajax get请求，并使用Ajax响应JSON执行以下函数。。。
var$select=$（“someselect”）；//查找ID为“someselect”的HTML DOM元素；。
$select.find（&quot；option）.remove（）；//查找标记名为&quot；option&quot；的所有子元素并将其删除（只是为了防止再次按下按钮时出现重复选项）。
$.each（responseJson，function（key，value）{//迭代JSON对象。
$（&quot；option&gt；）.val（key）.text（value）.appendTo（$select）；//创建HTML&lt；option&gt；元素，使用当前迭代的键设置其值，使用当前迭代的项设置其文本内容，最后将其附加到&lt；select&gt；。
});
});
});

&lt；选择id=&quot；someselect&quot&燃气轮机&lt/选择&gt；