原生ajax发送请求到controller的代码

以下是一个原生Ajax发送请求到Controller的示例代码：

function sendRequest() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 处理响应数据
        console.log(xhr.responseText);
      } else {
        // 处理错误
        console.error('请求出错了');
      }
    }
  };
  xhr.open('GET', '/controller/api');
  xhr.send();
}

这段代码使用了`XMLHttpRequest`对象来发送GET请求到`/controller/api`地址，并在请求完成后处理响应数据。其中，`onreadystatechange`属性指定了响应状态改变时的回调函数，`readyState`属性表示当前请求状态，`status`属性表示响应状态码，`responseText`属性表示响应文本。在处理响应时，我们可以根据响应状态码和响应文本来进行相应的处理。

相关问题

原生ajax发送POST请求到controller的代码

var xhr = new XMLHttpRequest();
xhr.open('POST', '/controller/url', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功后的处理
console.log(xhr.responseText);
} else {
// 请求失败后的处理
console.log(xhr.status);
}
};
var data = {
// POST请求的数据
};
xhr.send(JSON.stringify(data));

我的前端用了js、css和LaiUI，我的前端是如何请求controller层的

在前端使用 JavaScript 发起 HTTP 请求，可以使用原生的 XMLHttpRequest 对象或者使用第三方库（如 jQuery）提供的 AJAX 方法。具体步骤如下：

1. 创建 XMLHttpRequest 对象

var xhr = new XMLHttpRequest();

2. 设置请求方式和请求地址

xhr.open('GET', '/api/controller/action');

其中，第一个参数为请求的 HTTP 方法，第二个参数为请求的地址。如果是 POST 请求，需要在 open 方法中添加第三个参数，表示是否使用异步请求。

3. 设置请求头（可选）

xhr.setRequestHeader('Content-Type', 'application/json');

在请求头中设置 Content-Type 属性，告诉服务器请求体的格式（如 JSON 或者表单数据等）。

4. 发送请求

xhr.send();

如果是 POST 请求，需要在 send 方法中传递请求体数据。

5. 处理响应

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

通过监听 XMLHttpRequest 对象的 readyState 属性，可以判断请求状态。当 readyState 为 4 时，表示请求完成。通过 status 属性判断 HTTP 状态码是否为 200，表示请求成功。最后通过 responseText 属性获取响应数据。