一 Servlet的编写
非常简单,就是新建一个Servlet就可以了。当然,新建一个Servlet的时候我们需要清楚这个servlet的访问路径。
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("this is visited!"); response.getWriter().append("this is a demo: ").append(request.getContextPath()); }
二 html代码的编写
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("button").click(function(){ // 注意这个./TestServlet是相对路径,也就是Servlet的访问路径 $.get("./TestServlet",function(data,status){ alert("数据: " + data + "\n状态: " + status); }); }); }); </script> </head> <body> <button>发送一个 HTTP POST 请求页面并获取返回内容</button> </body> </html>
三 效果说明
运行效果就是会看到一个弹出框,然后可以看到弹出框中显示自己的后台Servlet的append的数据。
四 分析与总结
虽然这个是一个很简单的例子,但也是一个jQuery从后台拿数据的一个例子,这样做的话我们可以把MVC分得更加明确,更加方便维护。