js的promise案例

以下是一个使用 Promise 的简单示例，用于从服务器获取数据并在页面上显示它：

function getData(url) {
  return new Promise(function(resolve, reject) {
    var xhr = new XMLHttpRequest();
    xhr.open("GET", url);
    xhr.onload = function() {
      if (xhr.status === 200) {
        resolve(xhr.response);
      } else {
        reject("请求失败：" + xhr.status);
      }
    };
    xhr.onerror = function() {
      reject("网络错误");
    };
    xhr.send();
  });
}

getData("https://jsonplaceholder.typicode.com/todos/1")
  .then(function(response) {
    console.log(JSON.parse(response));
  })
  .catch(function(error) {
    console.error(error);
  });

在上面的代码中，我们使用 `XMLHttpRequest` 对象从服务器获取数据。我们将请求包装在一个 Promise 中，这样可以使用 `then` 和 `catch` 方法来处理成功和失败的情况。当请求成功时，我们使用 `resolve` 方法将响应作为参数传递给 `then` 方法。当请求失败时，我们使用 `reject` 方法将错误消息作为参数传递给 `catch` 方法。