【jQuery如何从java后台拿数据】(ajax)

一  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分得更加明确,更加方便维护。

猜你喜欢

转载自blog.csdn.net/smileyan9/article/details/80542501
今日推荐