纯html通过XMLHttpRequest访问java后端接口并将返回结果输出到控制台
<!DOCTYPE html>
<html>
<head>
<title>Java后端接口调用示例</title>
<script>
function fetchData() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://你的后端接口地址', true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
}
</script>
</head>
<body>
<button onclick="fetchData()">获取数据</button>
</body>
</html>在这段代码中，我们创建了一个简单的HTML页面，其中包含了一个按钮。当用户点击这个按钮时，会触发fetchData函数，该函数使用XMLHttpRequest对象向指定的Java后端接口发送GET请求，并在收到响应后将响应的文本输出到浏览器的控制台。
请注意，你需要将http://你的后端接口地址替换为实际的Java后端服务接口地址。此外，如果你的后端接口需要跨域请求，你可能需要配置CORS（跨源资源共享）以允许你的前端应用程序进行请求。
评论已关闭