HTML5前端基础--前端B/S架构
在B/S（Browser/Server）架构中，客户端只需要一个浏览器，服务端负责处理所有的业务逻辑和数据存储。前端负责构建Web页面和交互，后端负责提供API接口和数据。
以下是一个简单的前端代码示例，展示了如何使用HTML5和JavaScript向服务端发送请求：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>B/S架构示例</title>
</head>
<body>
<h1>B/S架构前端示例</h1>
<button id="fetchData">获取数据</button>
<div id="dataContainer">数据加载中...</div>
<script>
document.getElementById('fetchData').addEventListener('click', function() {
fetch('https://api.example.com/data')
.then(response => response.json())
.then(data => {
document.getElementById('dataContainer').textContent = JSON.stringify(data, null, 2);
})
.catch(error => console.error('Error:', error));
});
</script>
</body>
</html>在这个例子中，我们使用了fetch函数来向服务端的API发送请求，并在按钮点击事件中处理响应。服务端需要提供一个可访问的URL（如https://api.example.com/data），并确保响应的内容是可解析的（在这个例子中是JSON格式）。这样，前端只需要处理用户界面，所有的业务逻辑和数据处理都在服务器端进行。
评论已关闭