使用 JavaScript 调用 Java 后台方法68

在现代 Web 应用程序中，经常需要在客户端（前端）和服务器（后端）之间进行通信。JavaScript（JS）是一种流行的客户端脚本语言，而 Java 是一种流行的服务器端编程语言。为了实现跨语言通信，本文将介绍如何在 JavaScript 中调用 Java 后台方法。

AJAX 技术

异步 JavaScript 和 XML（AJAX）是一种技术，允许客户端与服务器进行异步通信。AJAX 请求不会刷新整个页面，而是只更新部分页面。这使得 Web 应用程序更加响应式和用户友好。

跨域资源共享（CORS）

由于浏览器的安全限制，默认情况下，不同的源（例如来自不同域的 Web 应用程序和 Web 服务）之间无法进行通信。为了解决此问题，需要启用跨域资源共享（CORS），允许来自不同源的请求。

Java 后台方法的公开

在 Java 后端中，需要将要调用的方法公开为 Web 服务。可以使用 Spring MVC 等框架来实现此目的。方法可以使用 @RestController 注解，并使用 @RequestMapping 注解指定要调用的 URL。

JavaScript 中的 AJAX 请求

在 JavaScript 中，可以使用 Fetch API 或 XMLHttpRequest 对象进行 AJAX 请求。以下示例演示如何使用 Fetch API 发送 GET 请求到 Java 后台方法：```javascript
fetch('/backend/method')
.then(response => ())
.then(data => {
// 处理数据
});
```

使用 JSON 数据

JavaScript 和 Java 之间的数据交换通常使用 JSON（JavaScript 对象表示法）。JSON 是一种轻量级的数据格式，可以轻松在不同的语言之间进行序列化和反序列化。

示例：获取用户数据

以下示例演示如何在 JavaScript 中调用 Java 后台方法以获取用户数据：Java 后台方法：
```java
@GetMapping("/user/{id}")
public User getUser(@PathVariable("id") Long id) {
return (id).orElseThrow(() -> new RuntimeException("User not found"));
}
```
JavaScript 调用：
```javascript
fetch('/backend/user/1')
.then(response => ())
.then(user => {
// 显示用户数据
('username').innerHTML = ;
('email').innerHTML = ;
});
```