用ajax,js,jsp,jQuery 简单前后端数据交互

网上找了很多前后端交互的例子,花了几天时间,现在明白怎么做了.

我的需求是:在同一个页面动态调用多个后端接口(spring mvc的Controller URL),拿到数据对页面进行渲染

例子:

         <script type="text/javascript" src="<%=basePath%>js/jquery-1.8.3.js"></script>    //需要添加js标签才能使用,这不用多说了
				<script type="text/javascript">
                           function aa() {    //函数aa
                                  var url = "/manage/category/get_category.do";   //要调用的后端接口URL
                                  $.ajax({
                                   "url": url,                                   
                                   "type": "get",    //使用get获取
                                               "success": function (result) {  // result是返回的结果,json格式的
                                                $("#demotest").empty();       
                                                $("#demotest").prepend("html代码")    //在该元素添加html代码
                                            },
                                        });
                                    };
                                    aa();   //在打开页面就调用这个函数
		</script>

用append()方法添加html的注意了: 会导致添加的html语句,css样式不渲染