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

置顶竹修为

于 2020-05-03 15:07:49 发布

阅读量502

点赞数

CC 4.0 BY-SA版权

文章标签： js java javascript

本文链接：https://blog.csdn.net/qq_37496750/article/details/105903382

本文分享了作者通过几天的学习，掌握了在同一页面动态调用多个后端接口（如SpringMVC的ControllerURL）并进行数据渲染的方法。通过具体示例，详细介绍了如何使用jQuery的ajax方法实现数据请求，并展示了如何在成功获取JSON格式的数据后，使用empty和prepend方法更新页面元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

我的需求是:在同一个页面动态调用多个后端接口(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样式不渲染