js如何获取服务器返回数据类型

在JavaScript中，我们可以通过以下几种方法来获取服务器返回数据的类型：

方法一：使用typeof运算符

使用typeof运算符可以返回一个变量的数据类型。在获取服务器返回数据类型时，你可以使用typeof运算符对服务器返回的数据进行判断。例如：

var dataType = typeof responseData;
console.log(dataType);

上述代码将返回服务器返回数据的数据类型，可能是number、string、boolean、object等。

方法二：使用Object.prototype.toString方法

使用Object.prototype.toString方法可以返回一个对象的具体数据类型。在获取服务器返回数据类型时，你可以通过该方法对服务器返回的数据进行判断。例如：

var dataType = Object.prototype.toString.call(responseData).slice(8, -1);
console.log(dataType);

上述代码中，使用call方法将Object.prototype.toString方法绑定到responseData上，并使用slice方法截取返回结果的第8个字符到倒数第1个字符，即得到具体的数据类型。

方法三：使用xhr.getResponseHeader方法

如果是通过XMLHttpRequest对象进行服务器请求并获取返回数据，可以使用xhr.getResponseHeader方法来获取服务器返回的Content-Type头部信息，从而获取数据类型。例如：

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://example.com/api", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var dataType = xhr.getResponseHeader("Content-Type");
    console.log(dataType);
  }
};
xhr.send();

上述代码中，先创建一个XMLHttpRequest对象，然后使用open方法设置请求类型和URL，并使用onreadystatechange属性监听请求状态变化。当请求状态为4（完成）且状态码为200（成功）时，通过getResponseHeader方法获取Content-Type头部信息，并打印出来。

通过以上三种方法，我们可以获取服务器返回数据的类型。根据具体的情况选择使用哪种方法来获取数据类型。

在 JavaScript 中，可以使用 XMLHttpRequest 对象来获取服务器返回数据的类型。XMLHttpRequest 是一个内置对象，可以向服务器发送请求并接收响应。

以下是获取服务器返回数据类型的步骤：

1. 创建一个 XMLHttpRequest 对象:

var xhr = new XMLHttpRequest();

2. 设置 HTTP 请求方法、URL 和异步标志（可选）:

xhr.open('GET', 'http://example.com/api/data', true);

在上面的代码中，我们使用 GET 请求方法，并提供了要获取数据的 URL。第三个参数为 true，表示请求是异步的。

3. 设置一个回调函数来处理数据的返回:

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var responseType = xhr.getResponseHeader('content-type');
    console.log(responseType);
  }
};

在上面的代码中，我们使用 onreadystatechange 事件处理程序来监听 XMLHttpRequest 对象的 readyState 属性的变化。当 readyState 的值为 4（表示请求已经完成）和 status 的值为 200（表示服务器响应成功），我们调用 getResponseHeader 方法来获取 content-type 头字段的值。这个值表示服务器返回数据的类型。

4. 发送请求:

xhr.send();

在上面的代码中，我们调用 send 方法来发送请求。

当服务器成功响应并返回数据时，我们可以使用上面的代码中的 responseType 变量来获取服务器返回数据的类型。

需要注意的是，服务器返回数据类型的值一般是 MIME 类型（Multipurpose Internet Mail Extensions）。常见的 MIME 类型包括 text/plain（纯文本）、text/html（HTML 文档）、application/json（JSON 数据）、image/jpeg（JPEG 图像）等。

以上就是如何使用 JavaScript 获取服务器返回数据类型的步骤。可以根据返回的数据类型来做进一步的处理，例如解析 JSON 数据、渲染 HTML、显示图像等。

在JavaScript中，可以通过使用XMLHttpRequest对象或fetch API来发送异步请求并获取服务器返回的数据。而获取服务器返回的数据类型，则可以通过response对象的contentType属性来获取。

1. 使用XMLHttpRequest对象获取服务器返回数据类型：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'url', true);
xhr.onreadystatechange = function () {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var responseType = xhr.getResponseHeader('Content-Type');
    console.log(responseType);
  }
};
xhr.send();

上述代码中，首先创建了一个XMLHttpRequest对象。然后使用open方法设置请求的类型（GET、POST等）和URL，第三个参数表示是否采用异步方式发送请求。接下来，通过设置readystatechange事件处理程序，监听请求状态的变化。当readyState属性的值为4且status属性的值为200时，表示服务器已经返回响应。在此时，可以通过getResponseHeader方法获取服务器返回的响应头中的Content-Type字段值，即获取数据的类型。

2. 使用fetch API获取服务器返回数据类型：

fetch('url')
  .then(function (response) {
    var contentType = response.headers.get('Content-Type');
    console.log(contentType);
  })
  .catch(function (error) {
    console.log(error);
  });

使用fetch API发送异步请求时，它返回的是一个响应对象。可以通过then方法传入一个回调函数，对响应对象进行处理。在回调函数中，调用response对象的headers.get方法，通过传入'Content-Type'参数获取服务器返回的数据类型。

需要注意的是，fetch API在发送请求时默认会采用CORS（跨域资源共享）机制进行处理。如果请求的URL不在当前页面的域名下，则需要服务器允许跨域访问。否则，会出现跨域错误。

以上是使用XMLHttpRequest对象和fetch API获取服务器返回数据类型的方法。根据具体的需求选择其中一种进行使用。