Ajax获取后台Json数据，并完成刷新

taelan�

于 2019-10-25 16:34:36 发布

阅读量669

点赞数

CC 4.0 BY-SA版权

分类专栏：成长笔记文章标签：前端 Ajax 数据

本文链接：https://blog.youkuaiyun.com/weixin_44512969/article/details/102743670

本文详细介绍了如何使用Ajax从Spring Boot后端获取Json数据并实现在前端页面的刷新显示。首先，讲解了如何在服务器端创建接口获取数据库信息并封装成Json响应。接着，展示了前端如何通过Ajax调用该接口，获取Json数据并更新到指定HTML元素。最后，讨论了如何实现数据的刷新功能，包括与已有代码块结合或通过按钮触发刷新，并提供了一个延时函数的示例。

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

Ajax获取后台Json数据，并完成刷新

目标：

在前端页面显示数据库中目标字段的信息。

实现：

有接口的直接调用接口，获得Json。没有接口的，先写接口，从数据库把需要的数据封装进Json。以spring boot为例，假如server层有一个showCount方法，在controller调用server层方法获取数据，然后对数据进行封装。举个栗子：

@GetMapping("/count.json")
@ResponseBody
public ResultResponse<Double> showCount() {
   
   
    	Double orderCount

最低0.47元/天解锁文章

200万优质内容无限畅学