SpringMVC通过Ajax处理Json数据，2024年最新字节跳动技术面试流程

作者：System 时间：2024年08月15日分类：所有,ajax 字数：1270

在Spring MVC中，你可以使用@RestController注解来创建RESTful web服务，并通过@RequestMapping注解处理HTTP请求。以下是一个简单的例子，展示了如何通过Ajax处理Json数据：

创建一个Spring MVC项目，并添加Spring Web依赖。
创建一个RestController来处理请求：




import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
 
@RestController
public class JsonController {
 
    @GetMapping("/getJson")
    public Map<String, Object> getJson() {
        Map<String, Object> data = new HashMap<>();
        data.put("key1", "value1");
        data.put("key2", "value2");
        return data;
    }
}

在前端，使用JavaScript的XMLHttpRequest或者fetch API来发送Ajax请求并处理JSON数据：




<!DOCTYPE html>
<html>
<head>
    <title>Ajax JSON Example</title>
    <script>
        function fetchJson() {
            fetch('/getJson')
                .then(response => response.json())
                .then(data => {
                    console.log(data);
                    // 处理data
                });
        }
    </script>
</head>
<body>
    <button onclick="fetchJson()">Fetch JSON</button>
</body>
</html>

当用户点击按钮时，fetchJson函数会被调用，它通过fetch API发送一个GET请求到/getJson端点，然后将响应的JSON数据打印到控制台。你可以根据需要更新数据处理逻辑。

SpringMVC通过Ajax处理Json数据，2024年最新字节跳动技术面试流程

评论已关闭

推荐阅读