Adding examples

2026-06-08 17:22:34 +03:00 · 2015-02-03 01:24:38 -07:00
parent e880940099
commit 7efc095582
7 changed files with 175 additions and 82 deletions
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+  <head>
+    <title>axios - transform response example</title>
+    <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"/>
+  </head>
+  <body class="container">
+    <h1>transformResponse</h1>
+
+    <div class="row">
+      <img id="useravatar" src="" class="col-md-1"/>
+      <div class="col-md-3">
+        <strong id="username"></strong><br/>
+        Created: <span id="created"></span><br/>
+        Updated: <span id="updated"></span>
+      </div>
+    </div>
+ 
+    <script src="/dist/axios.min.js"></script>
+    <script>
+      var ISO_8601 = /(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2})Z/;
+      function formatDate(d) {
+        return (d.getMonth() + 1) + '/' + d.getDate() + '/' + d.getFullYear();
+      }
+
+      axios.get('https://api.github.com/users/mzabriskie', {
+          transformResponse: axios.defaults.transformResponse.concat(function (data, headers) {
+            Object.keys(data).forEach(function (k) {
+              if (ISO_8601.test(data[k])) {
+                data[k] = new Date(Date.parse(data[k]));
+              }
+            });
+            return data;
+          })
+        })
+        .then(function (res) {
+          document.getElementById('useravatar').src = res.data.avatar_url;
+          document.getElementById('username').innerHTML = res.data.name;
+          document.getElementById('created').innerHTML = formatDate(res.data.created_at);
+          document.getElementById('updated').innerHTML = formatDate(res.data.updated_at);
+        });
+    </script>
+  </body>
+</html>