ES2015 Promise demo

解决:

<!DOCTYPE html>
<html>
  <head>
    <script>
      let i = true;
      function get() {
        const p = new Promise((resolve, reject) => {
          if (i) {
            resolve("ok");
          } else {
            reject("error");
          }
          i = !i;
        });
        return p;
      }
      function onRefresh() {
        const p = get();
        let resultDiv = document.getElementById("result");
        let errorDiv = document.getElementById("error");
        p.then(v => {
          resultDiv.innerText = v;
          errorDiv.innerText = null;
        }).catch(err => {
          resultDiv.innerText = null;
          errorDiv.innerText = err;
        });
      }
    </script>
  </head>
  <body>
    <div id="result"></div>
    <div id="error"></div>
    <button onclick="onRefresh()">刷新</button>
  </body>
</html>

<!DOCTYPE html>

<html>

<head>

let i = true;

function get() {

const p = new Promise((resolve, reject) => {

if (i) {

resolve("ok");

} else {

reject("error");

}

i = !i;

});

return p;

}

function onRefresh() {

const p = get();

let resultDiv = document.getElementById("result");

let errorDiv = document.getElementById("error");

p.then(v => {

resultDiv.innerText = v;

errorDiv.innerText = null;

}).catch(err => {

resultDiv.innerText = null;

errorDiv.innerText = err;

});

}

</script>

</head>

<body>

</body>

</html>

参考:

IT问题

程序员的疑难杂症录

ES2015 Promise demo

发表评论取消回复

发表评论 取消回复

发表评论取消回复