Differences

This shows you the differences between two versions of the page.

--- programming:collection.next_json [2016/06/21 09:31]
jlucas created
+++ programming:collection.next_json [2016/11/02 17:04] (current)
jlucas
@@ Line 1: / Line 1: @@
 <html>
-<head>
-  <title>Collection.next+JSON - Document Format</title>
-  <link rel="stylesheet" href="../css/document.css">
-  <!--[if lt IE 9]>
-  <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
-</head>
 <body>
-<header class="navbar">
-  <nav class="top-nav">
-    <ul>
-      <li>
-        <a href="http://code.ge">code.ge</a>
-        <span>&raquo;</span>
-      </li>
-      <li>
-        <a href="/media-types">media types</a>
-        <span>&raquo;</span>
-      </li>
-      <li>
-        <a href="/media-types/collection-next-json">collection.next+json</a>
-      </li>
-    </ul>
-  </nav>
-</header>
 <section>
   <header>
@@ Line 1202: / Line 1175: @@
     </p>
-    <pre><div style="text-align:left;color:#000000; font-size:1em; font-family:monospace; "><em><span style="color:#236e25;">/**
+    <pre>
-&nbsp;* encodeURIComponent() function is not 100% compatible with
+/**
-&nbsp;* RFC3986 http://www.faqs.org/rfcs/rfc3986.html
+ * encodeURIComponent() function is not 100% compatible with
-&nbsp;*/</span></em>
+ * RFC3986 http://www.faqs.org/rfcs/rfc3986.html
-<span style="color:#881350;">function</span> <span style="color:#003369;">encodeRFC3986</span>(value) {
+ */
-&nbsp;&nbsp;<span style="color:#881350;">return</span> <span style="color:#003369;">encodeURIComponent</span>(value)
+ function</span>  encodeRFC3986</span>(value) {
-&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color:#003369;">replace</span>(<span style="color:#661aa9;">/!/g</span>, &nbsp;<span style="color:#760f15;">&quot;%21&quot;</span>)
+   return</span>  encodeURIComponent</span>(value)
-&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color:#003369;">replace</span>(<span style="color:#661aa9;">/</span><span style="color:#be73fd;">\*</span><span style="color:#661aa9;">/g</span>, <span style="color:#760f15;">&quot;%2A&quot;</span>)
+    . replace</span>( /!/g</span>,   &quot;%21&quot;</span>)
-&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color:#003369;">replace</span>(<span style="color:#661aa9;">/</span><span style="color:#be73fd;">\(</span><span style="color:#661aa9;">/g</span>, <span style="color:#760f15;">&quot;%28&quot;</span>)
+    . replace</span>( /</span> \*</span> /g</span>,  &quot;%2A&quot;</span>)
-&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color:#003369;">replace</span>(<span style="color:#661aa9;">/</span><span style="color:#be73fd;">\)</span><span style="color:#661aa9;">/g</span>, <span style="color:#760f15;">&quot;%29&quot;</span>)
+    . replace</span>( /</span> \(</span> /g</span>,  &quot;%28&quot;</span>)
-&nbsp;&nbsp;&nbsp;&nbsp;.<span style="color:#003369;">replace</span>(<span style="color:#661aa9;">/'/g</span>, &nbsp;<span style="color:#760f15;">&quot;%27&quot;</span>);
+    . replace</span>( /</span> \)</span> /g</span>,  &quot;%29&quot;</span>)
+    . replace</span>( /'/g</span>,   &quot;%27&quot;</span>);
 }
-<span style="color:#881350;">function</span> <span style="color:#003369;">translateToFormUrlEncoded</span>(data) {
+ function</span>  translateToFormUrlEncoded</span>(data) {
-&nbsp;&nbsp;<span style="color:#881350;">var</span> buffer = [];
+   var</span> buffer = [];
-&nbsp;&nbsp;<span style="color:#881350;">for</span><span style="color:#003369;"> </span>(<span style="color:#881350;">var</span> i = <span style="color:#0000ff;">0</span>; i &lt; data.length; i++) {
+   for</span>  </span>( var</span> i =  0</span>; i &lt; data.length; i++) {
-&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#881350;">var</span> input = data[i];
+     var</span> input = data[i];
-&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#881350;">var</span> name = input.name;
+     var</span> name = input.name;
-&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#881350;">var</span> value = input.value;
+     var</span> value = input.value;
-&nbsp;&nbsp;&nbsp;&nbsp;
-&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#881350;">if</span><span style="color:#003369;"> </span>(value === null) { <em><span style="color:#236e25;">// convert null value to empty string
+     if</span>  </span>(value === null) { <em> // convert null value to empty string
-</span></em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value = <span style="color:#760f15;">''</span>;
+</span></em>      value =  ''</span>;
-&nbsp;&nbsp;&nbsp;&nbsp;} <span style="color:#881350;">else</span> <span style="color:#881350;">if</span><span style="color:#003369;"> </span>(<span style="color:#881350;">typeof</span> value === <span style="color:#760f15;">&quot;boolean&quot;</span>) { <em><span style="color:#236e25;">// convert boolean value to integer 0 or 1
+    }  else</span>  if</span>  </span>( typeof</span> value ===  &quot;boolean&quot;</span>) { <em> // convert boolean value to integer 0 or 1
-</span></em>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value = <span style="color:#003369;">Number</span>(value);
+</span></em>      value =  Number</span>(value);
-&nbsp;&nbsp;&nbsp;&nbsp;}
+    }
-&nbsp;&nbsp;&nbsp;&nbsp;buffer.<span style="color:#003369;">push</span>(<span style="color:#003369;">encodeRFC3986</span>(name) + <span style="color:#760f15;">&quot;=&quot;</span> + <span style="color:#003369;">encodeRFC3986</span>(value));
+    buffer. push</span>( encodeRFC3986</span>(name) +  &quot;=&quot;</span> +  encodeRFC3986</span>(value));
-&nbsp;&nbsp;}
+  }
-&nbsp;&nbsp;<span style="color:#881350;">return</span> buffer.<span style="color:#003369;">join</span>(<span style="color:#760f15;">&quot;&amp;&quot;</span>);
+   return</span> buffer. join</span>( &quot;&amp;&quot;</span>);
 }
-<span style="color:#881350;">var</span> data = [
+ var</span> data = [
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;first-name&quot;</span>, <span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;John&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;first-name&quot;</span>,  &quot;value&quot;</span>:  &quot;John&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;last-name&quot;</span>, &nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;Doe&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;last-name&quot;</span>,   &quot;value&quot;</span>:  &quot;Doe&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;email&quot;</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;john@doe.com&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;email&quot;</span>,       &quot;value&quot;</span>:  &quot;john@doe.com&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;website&quot;</span>, &nbsp;&nbsp;&nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;http://john.doe.com&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;website&quot;</span>,     &quot;value&quot;</span>:  &quot;http://john.doe.com&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;age&quot;</span>, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#0000ff;">37</span>},
+  { &quot;name&quot;</span>:  &quot;age&quot;</span>,         &quot;value&quot;</span>:  37</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;interests&quot;</span>, &nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;music&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;interests&quot;</span>,   &quot;value&quot;</span>:  &quot;music&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;interests&quot;</span>, &nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;sports&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;interests&quot;</span>,   &quot;value&quot;</span>:  &quot;sports&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;interests&quot;</span>, &nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#760f15;">&quot;cars&quot;</span>},
+  { &quot;name&quot;</span>:  &quot;interests&quot;</span>,   &quot;value&quot;</span>:  &quot;cars&quot;</span>},
-&nbsp;&nbsp;{<span style="color:#760f15;">&quot;name&quot;</span>: <span style="color:#760f15;">&quot;subscribe&quot;</span>, &nbsp;<span style="color:#760f15;">&quot;value&quot;</span>: <span style="color:#881350;">false</span>}
+  { &quot;name&quot;</span>:  &quot;subscribe&quot;</span>,   &quot;value&quot;</span>:  false</span>}
 ];
-<em><span style="color:#236e25;">// convert data array to application/x-www-form-urlencoded
+<em> // convert data array to application/x-www-form-urlencoded
-</span></em><span style="color:#881350;">var</span> postData = <span style="color:#003369;">translateToFormUrlEncoded</span>(data);
+</span></em> var</span> postData =  translateToFormUrlEncoded</span>(data);
-</div></div>
 </pre>
-      <pre><span class="comment">// encoded contents of resulting postData variable</span>
+      <pre>
-<code>
+// encoded contents of resulting postData variable
-first-name=John&last-name=Doe&email=john%40doe.com&website=http%3A%2F%2Fjohn.doe.com&age=37&interests=music&interests=sports&interests=cars&subscribe=0
+first-name=John&last-name=Doe&email=john%40doe.com&website=http%3A%2F%2Fjohn.doe.com&age=37&interests=music&interests=sports&interests=cars&subscribe=0</pre>
-</code></pre>
   </section><!-- /translating to form urlencoded -->
@@ Line 1277: / Line 1249: @@
     </ul>
   </section> <!-- /references -->
-  <section>
-    <h3 id="history">9. Update History</h3>
-    <dl>
-      <dt>2012-04-17</dt>
-      <dd>
-        Modified <a href="#property-type" class="keyword">type</a> property description.
-        Added the <a href="#object-method" class="keyword">method</a> object.
-      </dd>
-      <dt>2012-04-13</dt>
-      <dd>
-        Changed some wording.
-        Updated <a href="#relation-form" class="keyword">form</a> link relation description.
-      </dd>
-      <dt>2012-04-12</dt>
-      <dd>
-        Added the <a href="#object-status" class="keyword">status</a> object.
-      </dd>
-      <dt>2012-04-10</dt>
-      <dd>
-        Added the <a href="#relation-form" class="keyword">form</a> link relation.
-      </dd>
-      <dt>2012-04-09</dt>
-      <dd>
-        Dropped more unnecessary stuff. Added
-        the <a href="#object-status" class="keyword">status</a> object and
-        the <a href="#property-required" class="keyword">reqruired</a> property.
-      </dd>
-      <dt>2012-04-04</dt>
-      <dd>Dropped complicated stuff from spec. Refined
-      the <a href="#property-type" class="keyword">type</a> property and added
-        the <a href="#property-multiple" class="keyword">multiple</a> property.
-      </dd>
-      <dt>2012-03-31</dt>
-      <dd>Dropped complicated stuff from spec. Added
-        the <a href="#object-list" class="keyword">list</a> object,
-        the <a href="#array-options" class="keyword">options</a> array and
-        the <a href="#property-type" class="keyword">type</a> property.
-      </dd>
-      <dt>2012-03-26</dt>
-      <dd>Created</dd>
-    </dl>
-  </section> <!-- /update history -->
 </section>
 </body>
 </html>

Trace:

Differences

Search