java 后端调用前端js方法

在 Java 后端与前端交互时，通常会通过 AJAX 或 JSONP 等技术实现跨域数据请求，然后在 JavaScript 中处理响应。这里以常见的 RESTful API 为例：

1. **创建Java后端API**：后端使用Spring Boot等框架创建HTTP接口（如`@RestController`下的`@GetMapping`、`@PostMapping`等），返回JSON格式的数据。

@RestController
@RequestMapping("/api")
public class FrontendController {
    @GetMapping("/data")
    public String fetchData() {
        // 这里是实际的数据处理逻辑
        Map<String, Object> data = new HashMap<>();
        data.put("key", "value");
        return new ObjectMapper()..writeValueAsString(data); // 使用Jackson将Map转换成JSON字符串
    }
}

2. **前端JavaScript调用**：前端页面通过浏览器的XMLHttpRequest对象或者现代的fetch API发起GET或POST请求到后端接口。

$.ajax({
  url: '/api/data', // 替换为实际的URL地址
  type: 'GET',
  success: function(response) {
    var data = JSON.parse(response); // 将接收到的JSON字符串解析成JavaScript对象
    console.log(data);
    yourFunction(data.key); // 调用前端定义好的函数处理数据
  },
  error: function(error) {
    console.error('Error:', error);
  }
});