前后端 主流调用方式
时间: 2023-12-28 09:24:51 浏览: 31
前后端主流调用方式有两种:同步调用和异步调用。
1. 同步调用:同步调用是指前端发送请求后,等待后端处理完毕并返回结果后再继续执行后续操作。在同步调用中,前端会阻塞等待后端的响应,直到收到响应后才能进行下一步操作。
2. 异步调用:异步调用是指前端发送请求后,不需要等待后端处理完毕,而是继续执行后续操作。在异步调用中,前端发送请求后会立即返回,并通过回调函数或事件监听的方式处理后端返回的结果。
以下是两种主流调用方式的示例:
1. 同步调用:
```javascript
// 前端代码
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', false); // 同步请求
xhr.send();
if (xhr.status === 200) {
console.log(xhr.responseText); // 处理后端返回的数据
}
// 后端代码(Java Servlet)
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 处理请求并返回数据
PrintWriter out = response.getWriter();
out.print("Hello, World!");
out.close();
}
```
2. 异步调用:
```javascript
// 前端代码
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true); // 异步请求
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText); // 处理后端返回的数据
}
};
xhr.send();
// 后端代码(Java Servlet)
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// 处理请求并返回数据
PrintWriter out = response.getWriter();
out.print("Hello, World!");
out.close();
}
```