原生JS 获取request数据

在原生JS中，获取request数据需要使用XMLHttpRequest对象来发送HTTP请求，并且通过监听其状态改变事件和响应事件来获取请求的数据。

以下是一个简单的示例代码：

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

// 监听状态改变事件
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 获取响应数据
    var responseText = xhr.responseText;
    console.log(responseText);
  }
};

// 设置请求方法和请求地址
xhr.open('GET', '/api/data', true);

// 发送请求
xhr.send();

在上面的示例中，我们创建了一个XMLHttpRequest对象，并通过设置onreadystatechange事件来监听其状态改变事件。当readyState为4，status为200时，表示请求成功，我们就可以通过xhr.responseText属性获取响应数据。

注意，这里的请求地址是相对于当前页面的路径。如果需要跨域请求数据，需要在服务器端设置CORS相关的头部信息。

相关问题

原生js写一个登录请求

### 回答1：
可以使用 XMLHttpRequest 对象发送登录请求。

例如：

var request = new XMLHttpRequest();

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

request.open("POST", "/login", true);
request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
request.send("username=USERNAME&password=PASSWORD");

在这个例子中，我们使用 POST 方法发送了一个登录请求到 "/login" 路径，并在请求体中包含了用户名和密码。

当服务器返回响应时，我们会在控制台中输出响应文本。

### 回答2：
下面是一个使用原生 JavaScript 编写的简单登录请求的示例。在这个示例中，我们使用了 XMLHttpRequest 对象来发送 POST 请求，向服务器发送用户名和密码进行验证。

function login() {
  // 获取用户输入的用户名和密码
  var username = document.getElementById('username').value;
  var password = document.getElementById('password').value;

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

  // 配置 POST 请求，请求地址和参数
  xhr.open("POST", "/login", true);
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
      // 请求成功
      var responseData = JSON.parse(xhr.responseText);
      if (responseData.success) {
        // 登录成功
        alert("登录成功！");
        // TODO: 处理登录成功后的操作
      } else {
        // 登录失败
        alert("登录失败，请检查用户名和密码！");
      }
    } else if (xhr.readyState === XMLHttpRequest.DONE && xhr.status !== 200) {
      // 请求失败
      alert("请求失败，请稍后再试！");
    }
  }

  // 发送登录请求
  xhr.send("username=" + username + "&password=" + password);
}

在上面的代码中，首先我们通过 `getElementById` 方法获取了用户名和密码输入框中的值。然后，我们创建了一个 XMLHttpRequest 对象，并使用 `open` 方法配置了发送 POST 请求的地址和参数。我们还通过 `setRequestHeader` 方法设置了请求头的 Content-Type 属性。接下来，我们设置了 `onreadystatechange` 事件监听器，用于处理请求的结果。在成功得到响应时，我们解析返回的 JSON 数据，并根据返回的成功字段来判断登录是否成功。

最后，我们使用 `send` 方法发送了登录请求，将用户名和密码作为请求参数发送到服务器。

请注意，上述示例中的 `/login` 是一个示例请求地址，实际情况中请根据你的后端接口具体修改。

### 回答3：
原生 JavaScript 可以使用 XMLHttpRequest 对象发送登录请求。

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

// 定义请求类型和地址
xhr.open("POST", "登录地址");

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

// 监听请求状态的变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 请求成功，处理响应数据
    let response = JSON.parse(xhr.responseText);
    if (response.success) {
      // 登录成功
      console.log("登录成功");
    } else {
      // 登录失败
      console.log("登录失败");
    }
  }
};

// 构造请求体参数
let username = "用户名";
let password = "密码";
let requestBody = {
  username: username,
  password: password
};

// 发送登录请求
xhr.send(JSON.stringify(requestBody));

上述代码中，首先创建一个 XMLHttpRequest 对象，然后使用 `open` 方法指定请求类型和地址。之后使用 `setRequestHeader` 方法设置请求头信息，确保请求的数据格式为 JSON。接下来使用 `onreadystatechange` 监听请求状态的变化，当请求完成（readyState=4）并且响应状态码为 200 时，处理响应数据。最后，构造请求体参数，将用户名和密码作为请求体的参数，通过 `send` 方法发送登录请求。

写一个js原生请求接口

### 回答1：

可以这样写：var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api/endpoint", true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var data = JSON.parse(xhr.responseText);
// process data
}
};
xhr.send();

### 回答2：
JavaScript原生请求接口：

JavaScript可以使用XMLHttpRequest对象来发送HTTP请求，获取接口的数据。下面是一个使用原生JavaScript发送GET请求的示例代码：

function request(url, callback) {
  var xhr = new XMLHttpRequest();
  
  xhr.open('GET', url, true);
  
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        callback(null, xhr.responseText);
      } else {
        callback(new Error('请求失败'));
      }
    }
  };
  
  xhr.send();
}

var apiUrl = 'https://api.example.com/data';
request(apiUrl, function(error, response) {
  if (error) {
    console.error(error);
  } else {
    console.log(response);
    // 在这里处理接口返回的数据
  }
});

上面的代码定义了一个名为`request`的函数，该函数接收两个参数：请求的URL和一个回调函数。在请求的URL上创建一个XMLHttpRequest对象，并设置请求方法为GET。然后，根据请求的状态来判断请求是否已完成和是否成功。如果请求成功，调用回调函数并将接口返回的数据传递给回调函数。如果请求失败，则传递一个错误对象给回调函数。

使用示例中的`apiUrl`和Callback函数请按照实际需求进行修改。可以将请求的URL和处理接口数据的逻辑放在自己的代码中。