最简单的AJAX示例

首先我们创建一个some.jsp如下（注意：不要将JSP文件放在子文件夹中，如果你这样做，请相应地更改servlet的URL）：

TestAjax

$(document).on("click", "#somebutton", function() {

$.get("someservlet", function(responseText) {

$("#somediv").text(responseText);

});

});

press here

使用如下doGet()方法创建一个servlet：

@Override

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

String text = "some text";

response.setContentType("text/plain");  // Set content type of the response so that jQuery knows what it can expect.

response.setCharacterEncoding("UTF-8"); // You want world domination, huh?

response.getWriter().write(text);       // Write response body.

}

将该servlet映射到URL模式/someservlet或/someservlet/*下面（URL模式可以自由选择，但需要将someservlet的所有位置相应地更改JS代码示例中的URL）：

@WebServlet("/someservlet/*")

public class SomeServlet extends HttpServlet {

// ...

}

或者，当你尚未使用Servlet 3.0兼容容器（Tomcat 7，Glassfish 3，JBoss AS 6等或更新版本）时，请以web.xml旧式进行映射：

someservlet

com.example.SomeServlet

someservlet

/someservlet/*

现在在浏览器中打开http：// localhost：8080 / context /some.jsp，然后按按钮。你将看到，使用servlet响应更新了的div内容。

文章作者：蜗牛学院CTO李懿

如需转载，请注明出处。

蜗牛学院，成都一家有态度的IT培训机构。