原生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));

发送post原生ajax请求步骤代码

步骤：

1. 创建XMLHttpRequest对象

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

3. 设置请求头（如果有需要）

4. 发送请求

5. 监听请求状态变化，并处理响应结果

代码：

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象

xhr.open('POST', 'http://example.com/api'); //设置请求方式和请求地址

xhr.setRequestHeader('Content-Type', 'application/json'); //设置请求头

xhr.onreadystatechange = function() { //监听请求状态变化
  if (xhr.readyState === 4 && xhr.status === 200) { //请求完成并且响应成功
    var response = JSON.parse(xhr.responseText); //处理响应结果
    console.log(response);
  }
};

var data = {
  name: 'John',
  age: 30
};

xhr.send(JSON.stringify(data)); //发送请求，数据需要转换为JSON字符串