ajax基本操作

1.前端接受数据

<!-- 引入 jquery 核心库 -->
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
	$(function() {
		// 发送 ajax 请求
		var url = "${pageContext.request.contextPath}/category?method=findAllCategory";
		// category 为处理请求的controller包里的CategoryServlet类
		// findAllCategory 为CategoryServlet类中对应的处理方法
		$.get(url, function(data) {
			// 获取导航栏的 ul
			var $ul = $("#menuId");
			// 往 ul 中显示内容
			$(data).each(function() {
				$ul.append($("<li><a href='#'>" + this.cname + "</a></li>"));
			});
		}, "json");
		// json为后台传来的数据名
	});
</script>

页面中的ul接收

<ul id="menuId" class="nav navbar-nav"> </ul>

2.后台传输数据