在Java和HTML5之间进行交互操作，通常是通过Web应用服务器来实现的。以下是一个简单的例子，展示了如何使用Java Spring框架的控制器来处理来自HTML5页面的请求。
Java后端代码 (Spring Controller):
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
@RequestMapping("/api")
public class InteractionController {
@GetMapping("/greeting")
@ResponseBody
public String greeting() {
return "Hello, HTML5!";
}
}HTML5前端代码 (使用JavaScript和Fetch API进行异步请求):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML5 Interaction with Java</title>
<script>
function fetchGreeting() {
fetch('/api/greeting')
.then(response => response.text())
.then(greeting => {
document.getElementById('greeting').textContent = greeting;
});
}
</script>
</head>
<body>
<button onclick="fetchGreeting()">Fetch Greeting</button>
<p id="greeting"></p>
</body>
</html>在这个例子中，当用户点击按钮时，JavaScript会发送一个GET请求到/api/greeting。Java后端的Spring控制器接收请求并返回文本 "Hello, HTML5!"。然后，HTML5页面使用这个响应更新页面上的段落。这是一个非常基础的交互示例，但展示了如何通过Web服务器后端和客户端JavaScript进行通信。