HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>pipe() — nested deferred</title>
</head>
<body>
  <h1>Parse and enrich</h1>
  <pre id="out">Processing...</pre>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    (function () {
      var dfd = $.Deferred();
      dfd.resolve('{"score": 88}');

      dfd.pipe(function (jsonText) {
        var parsed = JSON.parse(jsonText);
        var next = $.Deferred();
        setTimeout(function () {
          next.resolve({ score: parsed.score, grade: "B+" });
        }, 350);
        return next.promise();
      }).done(function (report) {
        document.getElementById("out").textContent = report.grade;
      });
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery deferred.pipe() — parse and enrich (Try It)