JavaScript调接口写法

在JavaScript中，我们通常使用XMLHttpRequest对象或fetch API来发起HTTP请求并与接口进行通信。

XMLHttpRequest示例代码：

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

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

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

// 设置响应类型（可选）
xhr.responseType = 'json';

// 监听请求状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      console.log(xhr.response);
    } else {
      console.error(xhr.statusText);
    }
  }
};

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

fetch API示例代码：

// 发起GET请求
fetch('/api/data')
  .then(response => {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Network response was not ok.');
    }
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error('There was a problem with the fetch operation:', error);
  });

需要注意的是，请求接口时需要遵循同源策略。如果要调用不同域名的接口，可以使用跨域资源共享（CORS）或代理等技术。