SpringMVC 怎么和 AJAX 相互调用的-Toy模板网

这篇具有很好参考价值的文章主要介绍了SpringMVC 怎么和 AJAX 相互调用的。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

通过 Jackson 框架就可以把 Java 里面的对象直接转化成 Js 可以识别的 Json 对象。

步骤如下：
a、加入 Jackson.jar
b、在配置文件中配置 json 的映射
c、在接受 Ajax 方法里面可以直接返回 Object,List 等,但方法前面要加上@ResponseBody

详细步骤：

在 SpringMVC 中配置一个控制器来处理 AJAX 请求。可以使用 @RequestMapping 注解来指定请求的 URL 和请求方法。该控制器方法应该返回一个 JSON 格式的响应数据。
在前端页面中，使用 JavaScript 发起 AJAX 请求。可以使用原生的 XMLHttpRequest 对象，也可以使用现代浏览器提供的 fetch 函数或者 jQuery 提供的 $.ajax 方法。
在 AJAX 请求中，指定要调用的 SpringMVC 控制器的 URL，并设置请求方法为 GET 或 POST，根据实际情况选择合适的参数传递方式。
当 SpringMVC 接收到 AJAX 请求时，会根据请求的 URL 和方法匹配到对应的控制器方法。在该方法中，可以执行相应的业务逻辑，并将结果封装成 JSON 格式返回给前端。
前端页面在接收到 AJAX 响应后，可以通过回调函数处理返回的数据，并更新页面内容或执行其他操作。

需要注意的是，在 SpringMVC 的控制器方法中，可以使用 @ResponseBody 注解将返回值直接转换为 JSON 格式，并自动写入响应体中。另外，还可以使用 @RestController 注解来替代 @Controller 和 @ResponseBody 的组合，从而简化代码。

示例：

在SpringMVC的Controller中，你可以使用@RequestMapping注解来处理AJAX请求

@Controller
@RequestMapping("/ajax")
public class AjaxController {

    @RequestMapping(value = "/getData", method = RequestMethod.GET)
    public @ResponseBody String getData() {
        // 处理业务逻辑，获取数据
        String data = "Hello AJAX!";
        return data;
    }

    @RequestMapping(value = "/saveData", method = RequestMethod.POST)
    public @ResponseBody String saveData(@RequestBody String data) {
        // 处理业务逻辑，保存数据
        // 这里的 @RequestBody 注解用于接收前端传递的数据
        return "Data saved successfully!";
    }
}

在前端页面中，你可以使用JavaScript的AJAX方法来发送请求并处理响应。例如：

// 发送GET请求
$.ajax({
    url: "/ajax/getData",
    type: "GET",
    success: function(response) {
        // 处理响应数据
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 处理错误
        console.error(error);
    }
});

// 发送POST请求
$.ajax({
    url: "/ajax/saveData",
    type: "POST",
    data: JSON.stringify({data: "Hello"}),
    contentType: "application/json",
    success: function(response) {
        // 处理响应数据
        console.log(response);
    },
    error: function(xhr, status, error) {
        // 处理错误
        console.error(error);
    }
});

在上述示例中，/ajax/getData对应于Controller中的getData方法，用于返回数据给前端。/ajax/saveData对应于Controller中的saveData方法，用于接收前端发送的数据并进行处理。

使用@ResponseBody注解可以将方法的返回值直接作为响应数据返回给前端，而不是将其解析为视图。

注意，为了接收前端发送的JSON数据，你需要在Controller方法的参数上添加@RequestBody注解。同时，在发送POST请求时，需要将请求头Content-Type设置为application/json，并且将数据转换为JSON字符串进行发送（如上述示例中使用了JSON.stringify()方法）。

这样，就实现了 SpringMVC 和 AJAX 的相互调用。通过 AJAX，前端可以异步地向后端发送请求，并获取到后端返回的数据，实现动态更新页面的效果。文章来源地址https://www.toymoban.com/news/detail-608682.html

到了这里，关于SpringMVC 怎么和 AJAX 相互调用的的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！