我的前端用了js、css和LaiUI,我的前端是如何请求controller层的
时间: 2024-02-03 22:12:03 浏览: 15
在前端使用 JavaScript 发起 HTTP 请求,可以使用原生的 XMLHttpRequest 对象或者使用第三方库(如 jQuery)提供的 AJAX 方法。具体步骤如下:
1. 创建 XMLHttpRequest 对象
```javascript
var xhr = new XMLHttpRequest();
```
2. 设置请求方式和请求地址
```javascript
xhr.open('GET', '/api/controller/action');
```
其中,第一个参数为请求的 HTTP 方法,第二个参数为请求的地址。如果是 POST 请求,需要在 open 方法中添加第三个参数,表示是否使用异步请求。
3. 设置请求头(可选)
```javascript
xhr.setRequestHeader('Content-Type', 'application/json');
```
在请求头中设置 Content-Type 属性,告诉服务器请求体的格式(如 JSON 或者表单数据等)。
4. 发送请求
```javascript
xhr.send();
```
如果是 POST 请求,需要在 send 方法中传递请求体数据。
5. 处理响应
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
```
通过监听 XMLHttpRequest 对象的 readyState 属性,可以判断请求状态。当 readyState 为 4 时,表示请求完成。通过 status 属性判断 HTTP 状态码是否为 200,表示请求成功。最后通过 responseText 属性获取响应数据。