This chapter demonstrates some HTML applications using XML, HTTP, DOM, and JavaScript.
The XML Document Used
In this chapter we will use the XML file called "cd_catalog.xml".
Display XML Data in an HTML Table
This example loops through each element, and displays the values of the and the elements in an HTML table:</p>
<h3>Example</h3>
<pre><code class="language-html"><table id="demo"></table>
<script>
function loadXMLDoc() {
const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
const xmlDoc = xhttp.responseXML;
const cd = xmlDoc.getElementsByTagName("CD");
myFunction(cd);
}
xhttp.open("GET", "cd_catalog.xml");
xhttp.send();
}
function myFunction(cd) {
let table="<tr><th>Artist</th><th>Title</th></tr>";
for (let i = 0; i < cd.length; i++) {
table += "<tr><td>" +
cd[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue
+
"</td><td>" +
cd[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue
+
"</td></tr>";
}
document.getElementById("demo").innerHTML = table;
}
</script>
</body>
</html>
</code></pre>
<p>For more information about using JavaScript and the XML DOM, go to DOM Intro.</p>
<hr>
<h2 id="display-the-first-cd-in-an-html-div-element">Display the First CD in an HTML div Element</h2>
<p>This example uses a function to display the first CD element in an HTML element with id="showCD":</p>
<h3>Example</h3>
<pre><code class="language-javascript">const xhttp = new XMLHttpRequest();
xhttp.onload = function() {
const xmlDoc = xhttp.responseXML;
const cd = xmlDoc.getElementsByTagName("CD");
myFunction(cd, 0);
}
xhttp.open("GET", "cd_catalog.xml");
xhttp.send();
function myFunction(cd, i) {
document.getElementById("showCD").innerHTML =
"Artist: " +
cd[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
"<br>Title: " +
cd[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
"<br>Year: " +
cd[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue;
}
</code></pre>
<hr>
<h2 id="navigate-between-the-cds">Navigate Between the CDs</h2>
<p>To navigate between the CDs in the example above, create a <code>next()</code> and <code>previous()</code> function:</p>
<h3>Example</h3>
<pre><code class="language-javascript">function next()
{
// display the next CD, unless you are on the last CD
if (i < len-1) {
i++;
displayCD(i);
}
}
function previous()
{
// display the previous CD, unless you are on the first CD
if (i > 0) {
i--;
displayCD(i);
}
}
</code></pre>
<hr>
<h2 id="show-album-information-when-clicking-on-a-cd">Show Album Information When Clicking On a CD</h2>
<p>The last example shows how you can show album information when the user clicks on a CD:</p>
<h3>Example</h3>
<pre><code class="language-javascript">function displayCD(i) {
document.getElementById("showCD").innerHTML =
"Artist: " +
cd[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
"<br>Title: " +
cd[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
"<br>Year: " +
cd[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue;
}
</code></pre>
</div><div class="share-bar"><strong>Share:</strong><a href="https://wa.me/?text=AJAX%20Applications%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F" target="_blank" rel="noopener" class="share-btn s-wa"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg> WhatsApp</a><a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F&title=AJAX%20Applications" target="_blank" rel="noopener" class="share-btn s-li"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg> LinkedIn</a><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F&text=AJAX%20Applications" target="_blank" rel="noopener" class="share-btn s-cp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"></path></svg> Copy / Share</a></div></div><div class="prevnext"><a class="pn-btn pn-prev" href="/notes/javascript/ajax-database/"><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg> Previous</span><strong>AJAX Database</strong></a><a class="pn-btn pn-next" href="/notes/javascript/ajax-examples/"><span class="inline-flex items-center gap-1">Next <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></span><strong>AJAX Examples</strong></a></div><div class="note-cta"><h3>Want to go beyond the notes?</h3><p>Join Coding Now Tech Institute's <!-- -->JavaScript<!-- --> course — live mentorship, real projects, and 100% placement support.</p><a href="/enroll-now/">Enroll Now — Free Demo Available</a></div></div><aside class="topics-side"><h4>JavaScript<!-- --> Notes — All Topics</h4><div class="ts-group"><div class="ts-group-label">JS Tutorial</div><a class="ts-item " href="/notes/javascript/js-home/"><span class="ts-num">1</span><span class="ts-title">JS Home</span></a><a class="ts-item " href="/notes/javascript/js-introduction/"><span class="ts-num">2</span><span class="ts-title">JS Introduction</span></a><a class="ts-item " href="/notes/javascript/js-where-to/"><span class="ts-num">3</span><span class="ts-title">JS Where To</span></a><a class="ts-item " href="/notes/javascript/js-output/"><span class="ts-num">4</span><span class="ts-title">JS Output</span></a><a class="ts-item " href="/notes/javascript/js-syntax/"><span class="ts-num">5</span><span class="ts-title">JS Syntax</span></a><a class="ts-item " href="/notes/javascript/js-statements/"><span class="ts-num">6</span><span class="ts-title">JS Statements</span></a><a class="ts-item " href="/notes/javascript/js-comments/"><span class="ts-num">7</span><span class="ts-title">JS Comments</span></a><a class="ts-item " href="/notes/javascript/js-variables/"><span class="ts-num">8</span><span class="ts-title">JS Variables</span></a><a class="ts-item " href="/notes/javascript/js-let/"><span class="ts-num">9</span><span class="ts-title">JS Let</span></a><a class="ts-item " href="/notes/javascript/js-const/"><span class="ts-num">10</span><span class="ts-title">JS Const</span></a><a class="ts-item " href="/notes/javascript/js-types/"><span class="ts-num">11</span><span class="ts-title">JS Types</span></a><a class="ts-item " href="/notes/javascript/js-operators/"><span class="ts-num">12</span><span class="ts-title">JS Operators</span></a><a class="ts-item " href="/notes/javascript/js-arithmetic/"><span class="ts-num">13</span><span class="ts-title">JS Arithmetic</span></a><a class="ts-item " href="/notes/javascript/js-assignment/"><span class="ts-num">14</span><span class="ts-title">JS Assignment</span></a><a class="ts-item " href="/notes/javascript/js-comparisons/"><span class="ts-num">15</span><span class="ts-title">JS Comparisons</span></a><a class="ts-item " href="/notes/javascript/js-conditional/"><span class="ts-num">16</span><span class="ts-title">JS Conditional</span></a><a class="ts-item " href="/notes/javascript/js-if-conditions/"><span class="ts-num">17</span><span class="ts-title">JS If Conditions</span></a><a class="ts-item " href="/notes/javascript/js-if-else/"><span class="ts-num">18</span><span class="ts-title">JS If Else</span></a><a class="ts-item " href="/notes/javascript/js-ternary/"><span class="ts-num">19</span><span class="ts-title">JS Ternary</span></a><a class="ts-item " href="/notes/javascript/js-switch/"><span class="ts-num">20</span><span class="ts-title">JS Switch</span></a><a class="ts-item " href="/notes/javascript/js-booleans/"><span class="ts-num">21</span><span class="ts-title">JS Booleans</span></a><a class="ts-item " href="/notes/javascript/js-logical/"><span class="ts-num">22</span><span class="ts-title">JS Logical</span></a><a class="ts-item " href="/notes/javascript/js-loops/"><span class="ts-num">23</span><span class="ts-title">JS Loops</span></a><a class="ts-item " href="/notes/javascript/js-loop-for/"><span class="ts-num">24</span><span class="ts-title">JS Loop for</span></a><a class="ts-item " href="/notes/javascript/js-loop-while/"><span class="ts-num">25</span><span class="ts-title">JS Loop while</span></a><a class="ts-item " href="/notes/javascript/js-break/"><span class="ts-num">26</span><span class="ts-title">JS Break</span></a><a class="ts-item " href="/notes/javascript/js-continue/"><span class="ts-num">27</span><span class="ts-title">JS Continue</span></a><a class="ts-item " href="/notes/javascript/js-control-flow/"><span class="ts-num">28</span><span class="ts-title">JS Control Flow</span></a><a class="ts-item " href="/notes/javascript/js-strings/"><span class="ts-num">29</span><span class="ts-title">JS Strings</span></a><a class="ts-item " href="/notes/javascript/js-string-templates/"><span class="ts-num">30</span><span class="ts-title">JS String Templates</span></a><a class="ts-item " href="/notes/javascript/js-string-methods/"><span class="ts-num">31</span><span class="ts-title">JS String Methods</span></a><a class="ts-item " href="/notes/javascript/js-string-search/"><span class="ts-num">32</span><span class="ts-title">JS String Search</span></a><a class="ts-item " href="/notes/javascript/js-numbers/"><span class="ts-num">33</span><span class="ts-title">JS Numbers</span></a><a class="ts-item " href="/notes/javascript/js-number-methods/"><span class="ts-num">34</span><span class="ts-title">JS Number Methods</span></a><a class="ts-item " href="/notes/javascript/js-number-properties/"><span class="ts-num">35</span><span class="ts-title">JS Number Properties</span></a><a class="ts-item " href="/notes/javascript/js-bitwise/"><span class="ts-num">36</span><span class="ts-title">JS Bitwise</span></a><a class="ts-item " href="/notes/javascript/js-bigint/"><span class="ts-num">37</span><span class="ts-title">JS BigInt</span></a><a class="ts-item " href="/notes/javascript/js-functions/"><span class="ts-num">38</span><span class="ts-title">JS Functions</span></a><a class="ts-item " href="/notes/javascript/function-intro/"><span class="ts-num">39</span><span class="ts-title">Function Intro</span></a><a class="ts-item " href="/notes/javascript/function-invocation/"><span class="ts-num">40</span><span class="ts-title">Function Invocation</span></a><a class="ts-item " href="/notes/javascript/function-parameters/"><span class="ts-num">41</span><span class="ts-title">Function Parameters</span></a><a class="ts-item " href="/notes/javascript/function-returns/"><span class="ts-num">42</span><span class="ts-title">Function Returns</span></a><a class="ts-item " href="/notes/javascript/function-arguments/"><span class="ts-num">43</span><span class="ts-title">Function Arguments</span></a><a class="ts-item " href="/notes/javascript/function-expressions/"><span class="ts-num">44</span><span class="ts-title">Function Expressions</span></a><a class="ts-item " href="/notes/javascript/function-arrow/"><span class="ts-num">45</span><span class="ts-title">Function Arrow</span></a><a class="ts-item " href="/notes/javascript/js-timers/"><span class="ts-num">46</span><span class="ts-title">JS Timers</span></a><a class="ts-item " href="/notes/javascript/js-objects/"><span class="ts-num">47</span><span class="ts-title">JS Objects</span></a><a class="ts-item " href="/notes/javascript/object-intro/"><span class="ts-num">48</span><span class="ts-title">Object Intro</span></a><a class="ts-item " href="/notes/javascript/object-properties/"><span class="ts-num">49</span><span class="ts-title">Object Properties</span></a><a class="ts-item " href="/notes/javascript/object-methods/"><span class="ts-num">50</span><span class="ts-title">Object Methods</span></a><a class="ts-item " href="/notes/javascript/object-this/"><span class="ts-num">51</span><span class="ts-title">Object this</span></a><a class="ts-item " href="/notes/javascript/object-display/"><span class="ts-num">52</span><span class="ts-title">Object Display</span></a><a class="ts-item " href="/notes/javascript/object-constructors/"><span class="ts-num">53</span><span class="ts-title">Object Constructors</span></a><a class="ts-item " href="/notes/javascript/js-scope/"><span class="ts-num">54</span><span class="ts-title">JS Scope</span></a><a class="ts-item " href="/notes/javascript/js-code-blocks/"><span class="ts-num">55</span><span class="ts-title">JS Code Blocks</span></a><a class="ts-item " href="/notes/javascript/js-hoisting/"><span class="ts-num">56</span><span class="ts-title">JS Hoisting</span></a><a class="ts-item " href="/notes/javascript/js-varletconst/"><span class="ts-num">57</span><span class="ts-title">JS var/let/const</span></a><a class="ts-item " href="/notes/javascript/js-strict-mode/"><span class="ts-num">58</span><span class="ts-title">JS Strict Mode</span></a><a class="ts-item " href="/notes/javascript/js-dates/"><span class="ts-num">59</span><span class="ts-title">JS Dates</span></a><a class="ts-item " href="/notes/javascript/js-date-formats/"><span class="ts-num">60</span><span class="ts-title">JS Date Formats</span></a><a class="ts-item " href="/notes/javascript/js-date-get/"><span class="ts-num">61</span><span class="ts-title">JS Date Get</span></a><a class="ts-item " href="/notes/javascript/js-date-set/"><span class="ts-num">62</span><span class="ts-title">JS Date Set</span></a><a class="ts-item " href="/notes/javascript/js-arrays/"><span class="ts-num">63</span><span class="ts-title">JS Arrays</span></a><a class="ts-item " href="/notes/javascript/js-array-constructor/"><span class="ts-num">64</span><span class="ts-title">JS Array Constructor</span></a><a class="ts-item " href="/notes/javascript/js-array-methods/"><span class="ts-num">65</span><span class="ts-title">JS Array Methods</span></a><a class="ts-item " href="/notes/javascript/js-array-search/"><span class="ts-num">66</span><span class="ts-title">JS Array Search</span></a><a class="ts-item " href="/notes/javascript/js-array-sort/"><span class="ts-num">67</span><span class="ts-title">JS Array Sort</span></a><a class="ts-item " href="/notes/javascript/js-array-iterations/"><span class="ts-num">68</span><span class="ts-title">JS Array Iterations</span></a><a class="ts-item " href="/notes/javascript/js-array-const/"><span class="ts-num">69</span><span class="ts-title">JS Array const</span></a><a class="ts-item " href="/notes/javascript/js-sets/"><span class="ts-num">70</span><span class="ts-title">JS Sets</span></a><a class="ts-item " href="/notes/javascript/js-set-methods/"><span class="ts-num">71</span><span class="ts-title">JS Set Methods</span></a><a class="ts-item " href="/notes/javascript/js-set-logic/"><span class="ts-num">72</span><span class="ts-title">JS Set Logic</span></a><a class="ts-item " href="/notes/javascript/js-set-weakset/"><span class="ts-num">73</span><span class="ts-title">JS Set WeakSet</span></a><a class="ts-item " href="/notes/javascript/js-maps/"><span class="ts-num">74</span><span class="ts-title">JS Maps</span></a><a class="ts-item " href="/notes/javascript/js-map-methods/"><span class="ts-num">75</span><span class="ts-title">JS Map Methods</span></a><a class="ts-item " href="/notes/javascript/js-map-weakmap/"><span class="ts-num">76</span><span class="ts-title">JS Map WeakMap</span></a><a class="ts-item " href="/notes/javascript/js-iterations/"><span class="ts-num">77</span><span class="ts-title">JS Iterations</span></a><a class="ts-item " href="/notes/javascript/js-iterables/"><span class="ts-num">78</span><span class="ts-title">JS Iterables</span></a><a class="ts-item " href="/notes/javascript/js-iterators/"><span class="ts-num">79</span><span class="ts-title">JS Iterators</span></a><a class="ts-item " href="/notes/javascript/js-generators/"><span class="ts-num">80</span><span class="ts-title">JS Generators</span></a><a class="ts-item " href="/notes/javascript/js-math/"><span class="ts-num">81</span><span class="ts-title">JS Math</span></a><a class="ts-item " href="/notes/javascript/js-math-random/"><span class="ts-num">82</span><span class="ts-title">JS Math Random</span></a><a class="ts-item " href="/notes/javascript/js-regexp/"><span class="ts-num">83</span><span class="ts-title">JS RegExp</span></a><a class="ts-item " href="/notes/javascript/js-regexp-flags/"><span class="ts-num">84</span><span class="ts-title">JS RegExp Flags</span></a><a class="ts-item " href="/notes/javascript/js-regexp-classes/"><span class="ts-num">85</span><span class="ts-title">JS RegExp Classes</span></a><a class="ts-item " href="/notes/javascript/js-regexp-metachars/"><span class="ts-num">86</span><span class="ts-title">JS RegExp Metachars</span></a><a class="ts-item " href="/notes/javascript/js-regexp-assertions/"><span class="ts-num">87</span><span class="ts-title">JS RegExp Assertions</span></a><a class="ts-item " href="/notes/javascript/js-regexp-groups/"><span class="ts-num">88</span><span class="ts-title">JS RegExp Groups</span></a><a class="ts-item " href="/notes/javascript/js-regexp-quantifiers/"><span class="ts-num">89</span><span class="ts-title">JS RegExp Quantifiers</span></a><a class="ts-item " href="/notes/javascript/js-regexp-patterns/"><span class="ts-num">90</span><span class="ts-title">JS RegExp Patterns</span></a><a class="ts-item " href="/notes/javascript/js-regexp-objects/"><span class="ts-num">91</span><span class="ts-title">JS RegExp Objects</span></a><a class="ts-item " href="/notes/javascript/js-regexp-methods/"><span class="ts-num">92</span><span class="ts-title">JS RegExp Methods</span></a><a class="ts-item " href="/notes/javascript/js-data-types/"><span class="ts-num">93</span><span class="ts-title">JS Data Types</span></a><a class="ts-item " href="/notes/javascript/js-primitive-data/"><span class="ts-num">94</span><span class="ts-title">JS Primitive Data</span></a><a class="ts-item " href="/notes/javascript/js-object-types/"><span class="ts-num">95</span><span class="ts-title">JS Object Types</span></a><a class="ts-item " href="/notes/javascript/js-symbols/"><span class="ts-num">96</span><span class="ts-title">JS Symbols</span></a><a class="ts-item " href="/notes/javascript/js-typeof/"><span class="ts-num">97</span><span class="ts-title">JS typeof</span></a><a class="ts-item " href="/notes/javascript/js-undefined/"><span class="ts-num">98</span><span class="ts-title">JS undefined</span></a><a class="ts-item " href="/notes/javascript/js-nan/"><span class="ts-num">99</span><span class="ts-title">JS NaN</span></a><a class="ts-item " href="/notes/javascript/js-tostring/"><span class="ts-num">100</span><span class="ts-title">JS toString()</span></a><a class="ts-item " href="/notes/javascript/js-tolocalestring/"><span class="ts-num">101</span><span class="ts-title">JS toLocaleString()</span></a><a class="ts-item " href="/notes/javascript/js-type-coercion/"><span class="ts-num">102</span><span class="ts-title">JS Type Coercion</span></a><a class="ts-item " href="/notes/javascript/js-type-conversion/"><span class="ts-num">103</span><span class="ts-title">JS Type Conversion</span></a><a class="ts-item " href="/notes/javascript/js-destructuring/"><span class="ts-num">104</span><span class="ts-title">JS Destructuring</span></a><a class="ts-item " href="/notes/javascript/js-errors/"><span class="ts-num">105</span><span class="ts-title">JS Errors</span></a><a class="ts-item " href="/notes/javascript/js-errors-silent/"><span class="ts-num">106</span><span class="ts-title">JS Errors Silent</span></a><a class="ts-item " href="/notes/javascript/js-error-statements/"><span class="ts-num">107</span><span class="ts-title">JS Error Statements</span></a><a class="ts-item " href="/notes/javascript/js-error-object/"><span class="ts-num">108</span><span class="ts-title">JS Error Object</span></a><a class="ts-item " href="/notes/javascript/js-debugging/"><span class="ts-num">109</span><span class="ts-title">JS Debugging</span></a><a class="ts-item " href="/notes/javascript/debug-console/"><span class="ts-num">110</span><span class="ts-title">Debug Console</span></a><a class="ts-item " href="/notes/javascript/debug-breakpoints/"><span class="ts-num">111</span><span class="ts-title">Debug Breakpoints</span></a><a class="ts-item " href="/notes/javascript/debug-errors/"><span class="ts-num">112</span><span class="ts-title">Debug Errors</span></a><a class="ts-item " href="/notes/javascript/debug-async/"><span class="ts-num">113</span><span class="ts-title">Debug Async</span></a><a class="ts-item " href="/notes/javascript/js-style-guide/"><span class="ts-num">114</span><span class="ts-title">JS Style Guide</span></a><a class="ts-item " href="/notes/javascript/js-best-practices/"><span class="ts-num">115</span><span class="ts-title">JS Best Practices</span></a><a class="ts-item " href="/notes/javascript/js-mistakes/"><span class="ts-num">116</span><span class="ts-title">JS Mistakes</span></a><a class="ts-item " href="/notes/javascript/js-performance/"><span class="ts-num">117</span><span class="ts-title">JS Performance</span></a><a class="ts-item " href="/notes/javascript/js-projects-new/"><span class="ts-num">118</span><span class="ts-title">JS Projects New</span></a><a class="ts-item " href="/notes/javascript/js-event-listener/"><span class="ts-num">119</span><span class="ts-title">JS Event Listener</span></a><a class="ts-item " href="/notes/javascript/js-to-do-list/"><span class="ts-num">120</span><span class="ts-title">JS To-Do List</span></a><a class="ts-item " href="/notes/javascript/js-modal-popup/"><span class="ts-num">121</span><span class="ts-title">JS Modal Popup</span></a><a class="ts-item " href="/notes/javascript/js-form-validation/"><span class="ts-num">122</span><span class="ts-title">JS Form Validation</span></a><a class="ts-item " href="/notes/javascript/js-versions/"><span class="ts-num">123</span><span class="ts-title">JS Versions</span></a><a class="ts-item " href="/notes/javascript/js-2026/"><span class="ts-num">124</span><span class="ts-title">JS 2026</span></a><a class="ts-item " href="/notes/javascript/js-2025/"><span class="ts-num">125</span><span class="ts-title">JS 2025</span></a><a class="ts-item " href="/notes/javascript/js-2024/"><span class="ts-num">126</span><span class="ts-title">JS 2024</span></a><a class="ts-item " href="/notes/javascript/js-2023/"><span class="ts-num">127</span><span class="ts-title">JS 2023</span></a><a class="ts-item " href="/notes/javascript/js-2022/"><span class="ts-num">128</span><span class="ts-title">JS 2022</span></a><a class="ts-item " href="/notes/javascript/js-2021/"><span class="ts-num">129</span><span class="ts-title">JS 2021</span></a><a class="ts-item " href="/notes/javascript/js-2020/"><span class="ts-num">130</span><span class="ts-title">JS 2020</span></a><a class="ts-item " href="/notes/javascript/js-2019/"><span class="ts-num">131</span><span class="ts-title">JS 2019</span></a><a class="ts-item " href="/notes/javascript/js-2018/"><span class="ts-num">132</span><span class="ts-title">JS 2018</span></a><a class="ts-item " href="/notes/javascript/js-2017/"><span class="ts-num">133</span><span class="ts-title">JS 2017</span></a><a class="ts-item " href="/notes/javascript/js-2016/"><span class="ts-num">134</span><span class="ts-title">JS 2016</span></a><a class="ts-item " href="/notes/javascript/js-2015-es6/"><span class="ts-num">135</span><span class="ts-title">JS 2015 (ES6)</span></a><a class="ts-item " href="/notes/javascript/js-2009-es5/"><span class="ts-num">136</span><span class="ts-title">JS 2009 (ES5)</span></a><a class="ts-item " href="/notes/javascript/js-1999-es3/"><span class="ts-num">137</span><span class="ts-title">JS 1999 (ES3)</span></a><a class="ts-item " href="/notes/javascript/js-versions-2/"><span class="ts-num">138</span><span class="ts-title">JS Versions</span></a><a class="ts-item " href="/notes/javascript/js-history/"><span class="ts-num">139</span><span class="ts-title">JS History</span></a><a class="ts-item " href="/notes/javascript/js-html-dom/"><span class="ts-num">140</span><span class="ts-title">JS HTML DOM</span></a><a class="ts-item " href="/notes/javascript/html-dom-api/"><span class="ts-num">141</span><span class="ts-title">HTML DOM API</span></a><a class="ts-item " href="/notes/javascript/selecting-elements/"><span class="ts-num">142</span><span class="ts-title">Selecting Elements</span></a><a class="ts-item " href="/notes/javascript/changing-html/"><span class="ts-num">143</span><span class="ts-title">Changing HTML</span></a><a class="ts-item " href="/notes/javascript/changing-css/"><span class="ts-num">144</span><span class="ts-title">Changing CSS</span></a><a class="ts-item " href="/notes/javascript/form-validation/"><span class="ts-num">145</span><span class="ts-title">Form Validation</span></a><a class="ts-item " href="/notes/javascript/dom-animations/"><span class="ts-num">146</span><span class="ts-title">DOM Animations</span></a><a class="ts-item " href="/notes/javascript/js-html-events/"><span class="ts-num">147</span><span class="ts-title">JS HTML Events</span></a><a class="ts-item " href="/notes/javascript/mouse-events/"><span class="ts-num">148</span><span class="ts-title">Mouse Events</span></a><a class="ts-item " href="/notes/javascript/keyboard-events/"><span class="ts-num">149</span><span class="ts-title">Keyboard Events</span></a><a class="ts-item " href="/notes/javascript/load-events/"><span class="ts-num">150</span><span class="ts-title">Load Events</span></a><a class="ts-item " href="/notes/javascript/manage-events/"><span class="ts-num">151</span><span class="ts-title">Manage Events</span></a><a class="ts-item " href="/notes/javascript/event-examples/"><span class="ts-num">152</span><span class="ts-title">Event Examples</span></a><a class="ts-item " href="/notes/javascript/event-listener/"><span class="ts-num">153</span><span class="ts-title">Event Listener</span></a><a class="ts-item " href="/notes/javascript/js-html-first/"><span class="ts-num">154</span><span class="ts-title">JS HTML First</span></a><a class="ts-item " href="/notes/javascript/html-progressive/"><span class="ts-num">155</span><span class="ts-title">HTML Progressive</span></a><a class="ts-item " href="/notes/javascript/html-first-features/"><span class="ts-num">156</span><span class="ts-title">HTML First Features</span></a><a class="ts-item " href="/notes/javascript/html-first-css/"><span class="ts-num">157</span><span class="ts-title">HTML First CSS</span></a></div><div class="ts-group"><div class="ts-group-label">JS Web API</div><a class="ts-item " href="/notes/javascript/js-window-api/"><span class="ts-num">158</span><span class="ts-title">JS Window API</span></a><a class="ts-item " href="/notes/javascript/js-screen/"><span class="ts-num">159</span><span class="ts-title">JS Screen</span></a><a class="ts-item " href="/notes/javascript/js-location/"><span class="ts-num">160</span><span class="ts-title">JS Location</span></a><a class="ts-item " href="/notes/javascript/js-window-history/"><span class="ts-num">161</span><span class="ts-title">JS History</span></a><a class="ts-item " href="/notes/javascript/js-navigator/"><span class="ts-num">162</span><span class="ts-title">JS Navigator</span></a><a class="ts-item " href="/notes/javascript/js-popup-alert/"><span class="ts-num">163</span><span class="ts-title">JS Popup Alert</span></a><a class="ts-item " href="/notes/javascript/js-cookies/"><span class="ts-num">164</span><span class="ts-title">JS Cookies</span></a><a class="ts-item " href="/notes/javascript/js-fetch-api/"><span class="ts-num">165</span><span class="ts-title">JS Fetch API</span></a><a class="ts-item " href="/notes/javascript/js-json/"><span class="ts-num">166</span><span class="ts-title">JS JSON</span></a><a class="ts-item " href="/notes/javascript/json-syntax/"><span class="ts-num">167</span><span class="ts-title">JSON Syntax</span></a><a class="ts-item " href="/notes/javascript/json-values/"><span class="ts-num">168</span><span class="ts-title">JSON Values</span></a><a class="ts-item " href="/notes/javascript/json-parse/"><span class="ts-num">169</span><span class="ts-title">JSON Parse</span></a><a class="ts-item " href="/notes/javascript/json-stringify/"><span class="ts-num">170</span><span class="ts-title">JSON Stringify</span></a><a class="ts-item " href="/notes/javascript/json-fetch/"><span class="ts-num">171</span><span class="ts-title">JSON Fetch</span></a><a class="ts-item " href="/notes/javascript/json-html/"><span class="ts-num">172</span><span class="ts-title">JSON HTML</span></a><a class="ts-item " href="/notes/javascript/json-vs-xml/"><span class="ts-num">173</span><span class="ts-title">JSON vs XML</span></a><a class="ts-item " href="/notes/javascript/js-web-api/"><span class="ts-num">174</span><span class="ts-title">JS Web API</span></a><a class="ts-item " href="/notes/javascript/api-geolocation/"><span class="ts-num">175</span><span class="ts-title">API Geolocation</span></a><a class="ts-item " href="/notes/javascript/api-web-pointer/"><span class="ts-num">176</span><span class="ts-title">API Web Pointer</span></a><a class="ts-item " href="/notes/javascript/api-web-storage/"><span class="ts-num">177</span><span class="ts-title">API Web Storage</span></a><a class="ts-item " href="/notes/javascript/api-validation/"><span class="ts-num">178</span><span class="ts-title">API Validation</span></a><a class="ts-item " href="/notes/javascript/api-web-worker/"><span class="ts-num">179</span><span class="ts-title">API Web Worker</span></a></div><div class="ts-group"><div class="ts-group-label">JS Advanced</div><a class="ts-item " href="/notes/javascript/js-temporal-new/"><span class="ts-num">180</span><span class="ts-title">JS Temporal New</span></a><a class="ts-item " href="/notes/javascript/temporal-why/"><span class="ts-num">181</span><span class="ts-title">Temporal Why</span></a><a class="ts-item " href="/notes/javascript/temporal-vs-date/"><span class="ts-num">182</span><span class="ts-title">Temporal vs Date</span></a><a class="ts-item " href="/notes/javascript/temporal-duration/"><span class="ts-num">183</span><span class="ts-title">Temporal Duration</span></a><a class="ts-item " href="/notes/javascript/temporal-instant/"><span class="ts-num">184</span><span class="ts-title">Temporal Instant</span></a><a class="ts-item " href="/notes/javascript/temporal-plaindatetime/"><span class="ts-num">185</span><span class="ts-title">Temporal PlainDateTime</span></a><a class="ts-item " href="/notes/javascript/temporal-plaindate/"><span class="ts-num">186</span><span class="ts-title">Temporal PlainDate</span></a><a class="ts-item " href="/notes/javascript/temporal-plainyearm/"><span class="ts-num">187</span><span class="ts-title">Temporal PlainYearM</span></a><a class="ts-item " href="/notes/javascript/temporal-plainmonthd/"><span class="ts-num">188</span><span class="ts-title">Temporal PlainMonthD</span></a><a class="ts-item " href="/notes/javascript/temporal-plaintime/"><span class="ts-num">189</span><span class="ts-title">Temporal PlainTime</span></a><a class="ts-item " href="/notes/javascript/temporal-zoneddate/"><span class="ts-num">190</span><span class="ts-title">Temporal ZonedDate</span></a><a class="ts-item " href="/notes/javascript/temporal-now/"><span class="ts-num">191</span><span class="ts-title">Temporal Now</span></a><a class="ts-item " href="/notes/javascript/temporal-arithmetic/"><span class="ts-num">192</span><span class="ts-title">Temporal Arithmetic</span></a><a class="ts-item " href="/notes/javascript/temporal-sinceuntil/"><span class="ts-num">193</span><span class="ts-title">Temporal Since/Until</span></a><a class="ts-item " href="/notes/javascript/temporal-compare/"><span class="ts-num">194</span><span class="ts-title">Temporal Compare</span></a><a class="ts-item " href="/notes/javascript/temporal-conversion/"><span class="ts-num">195</span><span class="ts-title">Temporal Conversion</span></a><a class="ts-item " href="/notes/javascript/temporal-formats/"><span class="ts-num">196</span><span class="ts-title">Temporal Formats</span></a><a class="ts-item " href="/notes/javascript/temporal-mistakes/"><span class="ts-num">197</span><span class="ts-title">Temporal Mistakes</span></a><a class="ts-item " href="/notes/javascript/temporal-migrate/"><span class="ts-num">198</span><span class="ts-title">Temporal Migrate</span></a><a class="ts-item " href="/notes/javascript/temporal-standards/"><span class="ts-num">199</span><span class="ts-title">Temporal Standards</span></a><a class="ts-item " href="/notes/javascript/js-function-advanced/"><span class="ts-num">200</span><span class="ts-title">JS Functions</span></a><a class="ts-item " href="/notes/javascript/function-definitions/"><span class="ts-num">201</span><span class="ts-title">Function Definitions</span></a><a class="ts-item " href="/notes/javascript/function-callbacks/"><span class="ts-num">202</span><span class="ts-title">Function Callbacks</span></a><a class="ts-item " href="/notes/javascript/function-this/"><span class="ts-num">203</span><span class="ts-title">Function this</span></a><a class="ts-item " href="/notes/javascript/function-call/"><span class="ts-num">204</span><span class="ts-title">Function Call</span></a><a class="ts-item " href="/notes/javascript/function-apply/"><span class="ts-num">205</span><span class="ts-title">Function Apply</span></a><a class="ts-item " href="/notes/javascript/function-bind/"><span class="ts-num">206</span><span class="ts-title">Function Bind</span></a><a class="ts-item " href="/notes/javascript/function-iife/"><span class="ts-num">207</span><span class="ts-title">Function IIFE</span></a><a class="ts-item " href="/notes/javascript/function-closures/"><span class="ts-num">208</span><span class="ts-title">Function Closures</span></a><a class="ts-item " href="/notes/javascript/js-object-advanced/"><span class="ts-num">209</span><span class="ts-title">JS Objects</span></a><a class="ts-item " href="/notes/javascript/object-definitions/"><span class="ts-num">210</span><span class="ts-title">Object Definitions</span></a><a class="ts-item " href="/notes/javascript/js-this/"><span class="ts-num">211</span><span class="ts-title">Object this</span></a><a class="ts-item " href="/notes/javascript/object-iterations/"><span class="ts-num">212</span><span class="ts-title">Object Iterations</span></a><a class="ts-item " href="/notes/javascript/object-get-set/"><span class="ts-num">213</span><span class="ts-title">Object Get / Set</span></a><a class="ts-item " href="/notes/javascript/object-management/"><span class="ts-num">214</span><span class="ts-title">Object Management</span></a><a class="ts-item " href="/notes/javascript/object-protection/"><span class="ts-num">215</span><span class="ts-title">Object Protection</span></a><a class="ts-item " href="/notes/javascript/object-prototypes/"><span class="ts-num">216</span><span class="ts-title">Object Prototypes</span></a><a class="ts-item " href="/notes/javascript/js-classes/"><span class="ts-num">217</span><span class="ts-title">JS Classes</span></a><a class="ts-item " href="/notes/javascript/js-class-inheritance/"><span class="ts-num">218</span><span class="ts-title">JS Class Inheritance</span></a><a class="ts-item " href="/notes/javascript/js-class-static/"><span class="ts-num">219</span><span class="ts-title">JS Class Static</span></a><a class="ts-item " href="/notes/javascript/js-asynchronous/"><span class="ts-num">220</span><span class="ts-title">JS Asynchronous</span></a><a class="ts-item " href="/notes/javascript/async-programming/"><span class="ts-num">221</span><span class="ts-title">Async Programming</span></a><a class="ts-item " href="/notes/javascript/async-callbacks/"><span class="ts-num">222</span><span class="ts-title">Async Callbacks</span></a><a class="ts-item " href="/notes/javascript/async-promises/"><span class="ts-num">223</span><span class="ts-title">Async Promises</span></a><a class="ts-item " href="/notes/javascript/async-await/"><span class="ts-num">224</span><span class="ts-title">Async Await</span></a><a class="ts-item " href="/notes/javascript/async-parallel/"><span class="ts-num">225</span><span class="ts-title">Async Parallel</span></a><a class="ts-item " href="/notes/javascript/async-event-loop/"><span class="ts-num">226</span><span class="ts-title">Async Event Loop</span></a><a class="ts-item " href="/notes/javascript/async-fetch-api/"><span class="ts-num">227</span><span class="ts-title">Async Fetch API</span></a><a class="ts-item " href="/notes/javascript/async-mistakes/"><span class="ts-num">228</span><span class="ts-title">Async Mistakes</span></a><a class="ts-item " href="/notes/javascript/async-debugging/"><span class="ts-num">229</span><span class="ts-title">Async Debugging</span></a><a class="ts-item " href="/notes/javascript/async-abortcontrol/"><span class="ts-num">230</span><span class="ts-title">Async AbortControl</span></a><a class="ts-item " href="/notes/javascript/async-web-workers/"><span class="ts-num">231</span><span class="ts-title">Async Web Workers</span></a><a class="ts-item " href="/notes/javascript/js-modules/"><span class="ts-num">232</span><span class="ts-title">JS Modules</span></a><a class="ts-item " href="/notes/javascript/modules-export/"><span class="ts-num">233</span><span class="ts-title">Modules Export</span></a><a class="ts-item " href="/notes/javascript/modules-import/"><span class="ts-num">234</span><span class="ts-title">Modules Import</span></a><a class="ts-item " href="/notes/javascript/modules-namespace/"><span class="ts-num">235</span><span class="ts-title">Modules Namespace</span></a><a class="ts-item " href="/notes/javascript/modules-dynamic/"><span class="ts-num">236</span><span class="ts-title">Modules Dynamic</span></a><a class="ts-item " href="/notes/javascript/js-meta-proxy/"><span class="ts-num">237</span><span class="ts-title">JS Meta & Proxy</span></a><a class="ts-item " href="/notes/javascript/meta-reflect/"><span class="ts-num">238</span><span class="ts-title">Meta Reflect</span></a><a class="ts-item " href="/notes/javascript/meta-proxy/"><span class="ts-num">239</span><span class="ts-title">Meta Proxy</span></a><a class="ts-item " href="/notes/javascript/js-typed-arrays/"><span class="ts-num">240</span><span class="ts-title">JS Typed Arrays</span></a><a class="ts-item " href="/notes/javascript/typed-methods/"><span class="ts-num">241</span><span class="ts-title">Typed Methods</span></a><a class="ts-item " href="/notes/javascript/array-buffers/"><span class="ts-num">242</span><span class="ts-title">Array Buffers</span></a><a class="ts-item " href="/notes/javascript/dataviews/"><span class="ts-num">243</span><span class="ts-title">DataViews</span></a><a class="ts-item " href="/notes/javascript/js-atomics/"><span class="ts-num">244</span><span class="ts-title">JS Atomics</span></a><a class="ts-item " href="/notes/javascript/js-dom-navigation/"><span class="ts-num">245</span><span class="ts-title">JS DOM Navigation</span></a><a class="ts-item " href="/notes/javascript/dom-nodes/"><span class="ts-num">246</span><span class="ts-title">DOM Nodes</span></a><a class="ts-item " href="/notes/javascript/dom-collections/"><span class="ts-num">247</span><span class="ts-title">DOM Collections</span></a><a class="ts-item " href="/notes/javascript/dom-node-lists/"><span class="ts-num">248</span><span class="ts-title">DOM Node Lists</span></a><a class="ts-item " href="/notes/javascript/js-graphics/"><span class="ts-num">249</span><span class="ts-title">JS Graphics</span></a><a class="ts-item " href="/notes/javascript/js-canvas/"><span class="ts-num">250</span><span class="ts-title">JS Canvas</span></a><a class="ts-item " href="/notes/javascript/js-plotly/"><span class="ts-num">251</span><span class="ts-title">JS Plotly</span></a><a class="ts-item " href="/notes/javascript/js-chartjs/"><span class="ts-num">252</span><span class="ts-title">JS Chart.js</span></a><a class="ts-item " href="/notes/javascript/js-google-chart/"><span class="ts-num">253</span><span class="ts-title">JS Google Chart</span></a><a class="ts-item " href="/notes/javascript/js-d3js/"><span class="ts-num">254</span><span class="ts-title">JS D3.js</span></a></div><div class="ts-group"><div class="ts-group-label">Old Technologies</div><a class="ts-item " href="/notes/javascript/js-ajax/"><span class="ts-num">255</span><span class="ts-title">JS AJAX</span></a><a class="ts-item " href="/notes/javascript/ajax-xmlhttp/"><span class="ts-num">256</span><span class="ts-title">AJAX XMLHttp</span></a><a class="ts-item " href="/notes/javascript/ajax-request/"><span class="ts-num">257</span><span class="ts-title">AJAX Request</span></a><a class="ts-item " href="/notes/javascript/ajax-response/"><span class="ts-num">258</span><span class="ts-title">AJAX Response</span></a><a class="ts-item " href="/notes/javascript/ajax-xml-file/"><span class="ts-num">259</span><span class="ts-title">AJAX XML File</span></a><a class="ts-item " href="/notes/javascript/ajax-php/"><span class="ts-num">260</span><span class="ts-title">AJAX PHP</span></a><a class="ts-item " href="/notes/javascript/ajax-asp/"><span class="ts-num">261</span><span class="ts-title">AJAX ASP</span></a><a class="ts-item " href="/notes/javascript/ajax-database/"><span class="ts-num">262</span><span class="ts-title">AJAX Database</span></a><a class="ts-item active" href="/notes/javascript/ajax-applications/"><span class="ts-num">263</span><span class="ts-title">AJAX Applications</span></a><a class="ts-item " href="/notes/javascript/ajax-examples/"><span class="ts-num">264</span><span class="ts-title">AJAX Examples</span></a><a class="ts-item " href="/notes/javascript/js-jquery/"><span class="ts-num">265</span><span class="ts-title">JS jQuery</span></a><a class="ts-item " href="/notes/javascript/jquery-html/"><span class="ts-num">266</span><span class="ts-title">jQuery HTML</span></a><a class="ts-item " href="/notes/javascript/jquery-css/"><span class="ts-num">267</span><span class="ts-title">jQuery CSS</span></a><a class="ts-item " href="/notes/javascript/jquery-dom/"><span class="ts-num">268</span><span class="ts-title">jQuery DOM</span></a><a class="ts-item " href="/notes/javascript/js-jsonp/"><span class="ts-num">269</span><span class="ts-title">JS JSONP</span></a></div></aside></div><section class="cn-faq-section" aria-label="AJAX Applications – FAQs"><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What does this AJAX Applications note cover?","acceptedAnswer":{"@type":"Answer","text":"This free note from Coding Now Tech Institute explains AJAX Applications in JavaScript — concept, syntax and worked code examples you can copy, run and revise before interviews."}},{"@type":"Question","name":"Is this AJAX Applications tutorial free?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every JavaScript topic on Coding Now Tech Institute, including AJAX Applications, is 100% free with no signup required."}},{"@type":"Question","name":"How long does it take to learn AJAX Applications?","acceptedAnswer":{"@type":"Answer","text":"With focused practice, most students grasp AJAX Applications in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster."}},{"@type":"Question","name":"Where can I practise AJAX Applications after reading?","acceptedAnswer":{"@type":"Answer","text":"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours."}}]}</script><div class="cn-faq-inner"><h2 class="cn-faq-title">AJAX Applications – FAQs</h2><p class="cn-faq-sub">Quick answers about learning AJAX Applications in JavaScript.</p><div class="cn-faq-list"><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>What does this AJAX Applications note cover?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">This free note from Coding Now Tech Institute explains AJAX Applications in JavaScript — concept, syntax and worked code examples you can copy, run and revise before interviews.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Is this AJAX Applications tutorial free?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Yes. Every JavaScript topic on Coding Now Tech Institute, including AJAX Applications, is 100% free with no signup required.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>How long does it take to learn AJAX Applications?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">With focused practice, most students grasp AJAX Applications in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.</div></div><div class="cn-faq-item "><button type="button" class="cn-faq-q" aria-expanded="false"><span>Where can I practise AJAX Applications after reading?</span><span class="cn-faq-icon" aria-hidden="true">+</span></button><div class="cn-faq-a">Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.</div></div></div></div></section></main><!--$--><!--/$--></div><footer class="footer-pro"><div class="site-container"><div class="footer-pro-wrapper"><div class="footer-brand"><div class="footer-logo-wrap"><img alt="Coding Now Tech Institute Logo" loading="lazy" width="50" height="50" decoding="async" data-nimg="1" style="color:transparent" src="/images/logo-96.webp"/><h2>Coding Now Tech Institute</h2></div><p>India's premier AI & Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.</p><div class="footer-address"><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg><span>2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)<br/>Pitampura, New Delhi – 110034</span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg><span><a href="tel:+919899508745">+91 9899508745</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg><span><a href="mailto:info@codingnowai.com">info@codingnowai.com</a></span></div><div class="addr-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock mt-0.5 shrink-0 text-amber-400" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 6v6l4 2"></path></svg><span>Mon – Sat: 9:00 AM – 7:00 PM</span></div></div><div class="footer-map"><h3>Find Us Here</h3><div class="map-wrapper" style="position:relative"><a href="https://www.google.com/maps?cid=8721177965519775187" target="_blank" rel="noopener noreferrer" style="position:absolute;inset:0;z-index:1" aria-label="Open Coding Now Tech Institute on Google Maps"></a><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin" allowFullScreen="" loading="lazy" referrerPolicy="no-referrer-when-downgrade" title="Coding Now Tech Institute Office Location Map" style="pointer-events:none"></iframe></div></div><div class="footer-social"><a href="https://www.linkedin.com/company/codingnowai-in" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"></path></svg></a><a href="https://www.instagram.com/codingnowai" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a><a href="https://www.facebook.com/codingnow" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z"></path></svg></a><a href="https://wa.me/919667708830" target="_blank" rel="noopener noreferrer" aria-label="WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><a href="https://www.youtube.com/@codingnowai" target="_blank" rel="noopener noreferrer" aria-label="YouTube"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" height="14" width="14" xmlns="http://www.w3.org/2000/svg"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a></div></div><div class="footer-links"><h4>AI & Data</h4><a href="/courses/generative-ai/">Generative AI</a><a href="/courses/prompt-engineering/">Prompt Engineering</a><a href="/courses/ai-engineering-diploma/">AI Engineering Diploma</a><a href="/courses/data-science/">Data Science</a><a href="/courses/data-analytics/">Data Analytics</a></div><div class="footer-links"><h4>Full Stack</h4><a href="/courses/ai-integrated-full-stack/">AI-Integrated Full Stack</a><a href="/courses/python-full-stack/">Python Full Stack</a><a href="/courses/mern-stack/">MERN Stack</a><a href="/courses/mean-stack/">MEAN Stack</a><a href="/courses/react-full-stack/">React Full Stack</a><a href="/courses/dot-net-full-stack/">.NET Full Stack</a></div><div class="footer-links"><h4>Cloud & Cyber</h4><a href="/courses/aws-developer-associate/">AWS Developer Associate</a><a href="/courses/aws-solutions-architect/">AWS Solutions Architect</a><a href="/courses/azure-administrator/">Azure Administrator</a><a href="/courses/google-cloud/">Google Cloud</a><a href="/courses/ethical-hacker/">Ethical Hacker (C|EH)</a><a href="/courses/cissp/">CISSP</a></div><div class="footer-newsletter"><h4>Stay Updated</h4><p>Get latest course updates, offers & career tips directly in your inbox.</p><div class="newsletter-box"><input type="email" placeholder="Your email" aria-label="Email for newsletter"/><button aria-label="Subscribe">→</button></div><p class="newsletter-note">No spam. Unsubscribe anytime.</p><div class="footer-links" style="margin-top:24px"><h4>Company</h4><a href="/about/">About Us</a><a href="/our-mission/">Our Mission</a><a href="/enroll-now/">Contact Us</a></div></div></div></div><hr class="footer-divider"/><div class="site-container"><div class="footer-bottom-pro"><p>© 2026 Coding Now Tech Institute. All rights reserved.</p><div class="footer-bottom-links" style="gap:12px;flex-wrap:wrap;justify-content:center"><a href="/privacy-policy/">Privacy Policy</a><a href="/terms/">Terms of Use</a><a href="/refund-policy/">Refund Policy</a><a href="/enroll-now/">Contact</a></div></div></div></footer><a href="https://wa.me/919667708830?text=Hi%20Coding%20Now%2C%20I%20want%20to%20know%20more%20about%20your%20courses" class="floating-whatsapp" target="_blank" rel="noopener noreferrer" aria-label="Chat on WhatsApp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" aria-hidden="true" color="#fff" style="color:#fff" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z"></path></svg></a><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="fixed inset-x-0 bottom-0 z-[9999] flex md:hidden border-t border-slate-200 bg-white shadow-[0_-4px_20px_rgba(0,0,0,0.1)]"><a href="tel:+919667708830" class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-[#064e3b] transition-colors active:bg-slate-50"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg>Call Now</a><a class="flex flex-1 items-center justify-center gap-2 py-3.5 font-poppins text-[0.9rem] font-bold text-white" style="background:linear-gradient(135deg,#F59E0B,#FFB800)" href="/enroll-now/">Enroll Now</a></div><script src="/_next/static/chunks/0yb2wil16uz6h.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\na:I[68027,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\",1]\n:HL[\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"style\"]\n:HL[\"/_next/static/chunks/0j4uo8becl1pb.css\",\"style\"]\n:HL[\"/_next/static/chunks/02bhhu-ub8vle.css\",\"style\"]\n:HL[\"/_next/static/media/47fe1b7cd6e6ed85-s.p.0~mcdl10zdfb3.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/829ba4228c966254-s.p.0ub.k0om~_-xi.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/8e6fa89aa22d24ec-s.p.0uvzar8hswo3p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a218039a3287bcfd-s.p.17-1enzs_j91b.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e2334d715941921e-s.p.12skym0rqknxy.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:Tb5b,"])</script><script>self.__next_f.push([1,"{\"@context\":\"https://schema.org\",\"@graph\":[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"@id\":\"https://www.codingnowai.com/#website\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"url\":\"https://www.codingnowai.com\",\"inLanguage\":\"en-IN\",\"publisher\":{\"@id\":\"https://www.codingnowai.com/#organization\"},\"potentialAction\":{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https://www.codingnowai.com/community/search?q={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}},{\"@context\":\"https://schema.org\",\"@type\":[\"LocalBusiness\",\"EducationalOrganization\"],\"@id\":\"https://www.codingnowai.com/#organization\",\"name\":\"Coding Now Tech Institute\",\"alternateName\":[\"CodingNow\",\"Coding Now\",\"Coding Now – Gurukul of AI\",\"Coding Now Gurukul of AI\",\"CodingNow Gurukul of AI\",\"Coding Now Tech Institute: Gurukul of AI\",\"Coding Now – Tech Institute\",\"Coding Now Tech Institute\",\"CodingNow Tech Institute\",\"Coding Now Pitampura\",\"CodingNow Pitampura\"],\"slogan\":\"Tech Institute\",\"description\":\"Coding Now Tech Institute is a coding and AI institute in Pitampura, Delhi offering AI, Full Stack, Data Science, Cloud Computing \u0026 Cybersecurity courses with 100% placement support.\",\"image\":\"https://www.codingnowai.com/images/logo.jpeg\",\"logo\":\"https://www.codingnowai.com/images/logo.jpeg\",\"url\":\"https://www.codingnowai.com\",\"telephone\":\"+91-9667708830\",\"email\":\"info@codingnowai.com\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"2nd Floor, Kapil Vihar, Opp. Metro Pillar No.354, Pitampura\",\"addressLocality\":\"New Delhi\",\"addressRegion\":\"Delhi\",\"postalCode\":\"110034\",\"addressCountry\":\"IN\"},\"contactPoint\":{\"@type\":\"ContactPoint\",\"telephone\":\"+91-9667708830\",\"contactType\":\"customer service\",\"email\":\"info@codingnowai.com\",\"availableLanguage\":[\"English\",\"Hindi\"]},\"sameAs\":[\"https://www.google.com/maps?cid=8721177965519775187\",\"https://www.linkedin.com/company/codingnow-in\",\"https://www.instagram.com/codingnow\",\"https://www.facebook.com/codingnow\",\"https://www.youtube.com/@codingnowai\",\"https://twitter.com/codingnow\"],\"geo\":{\"@type\":\"GeoCoordinates\",\"latitude\":28.699913,\"longitude\":77.1366043},\"hasMap\":\"https://www.google.com/maps?cid=8721177965519775187\",\"openingHoursSpecification\":{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\",\"Friday\",\"Saturday\"],\"opens\":\"09:00\",\"closes\":\"19:00\"},\"priceRange\":\"₹₹\",\"areaServed\":[{\"@type\":\"City\",\"name\":\"Delhi\"},{\"@type\":\"AdministrativeArea\",\"name\":\"Delhi NCR\"}],\"keywords\":\"Coding Now Tech Institute, CodingNow, Coding Now Pitampura, best coding institute Delhi, AI courses Delhi\"}]}"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"notes\",\"javascript\",\"ajax-applications\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"notes\",{\"children\":[[\"slug\",\"javascript\",\"d\",null],{\"children\":[[\"topic\",\"ajax-applications\",\"d\",null],{\"children\":[\"__PAGE__\",{}]}]}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/030f0q-xfjisq.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/12uw8ma0nvy72.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/063f_5235lgpz.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"data-theme\":\"light\",\"className\":\"poppins_2e4530c2-module__1Mn2RG__variable\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try{const theme=localStorage.getItem(\\\"codingnow-theme\\\");document.documentElement.dataset.theme=theme===\\\"dark\\\"?\\\"dark\\\":\\\"light\\\"}catch{document.documentElement.dataset.theme=\\\"light\\\"}\"}}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}]]}],\"$L3\"]}]]}],{\"children\":[\"$L4\",{\"children\":[\"$L5\",{\"children\":[\"$L6\",{\"children\":[\"$L7\",{},null,false,null]},null,false,\"$@8\"]},null,false,\"$@8\"]},null,false,null]},null,false,null],\"$L9\",false]],\"m\":\"$undefined\",\"G\":[\"$a\",[\"$Lb\",\"$Lc\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\",\"b\":\"6o8sWdtawkYn8E5yOZuY1\"}\n"])</script><script>self.__next_f.push([1,"d:I[42364,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\ne:I[70119,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\nf:I[5500,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"Image\"]\n10:I[5014,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n1d:I[39756,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n1e:I[37457,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n20:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"OutletBoundary\"]\n21:\"$Sreact.suspense\"\n24:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"ViewportBoundary\"]\n26:I[97367,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"MetadataBoundary\"]\n"])</script><script>self.__next_f.push([1,"3:[\"$\",\"body\",null,{\"children\":[[\"$\",\"$Ld\",null,{\"header\":[\"$\",\"$Le\",null,{}],\"footer\":[\"$\",\"footer\",null,{\"className\":\"footer-pro\",\"children\":[[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-pro-wrapper\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-brand\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer-logo-wrap\",\"children\":[[\"$\",\"$Lf\",null,{\"src\":\"/images/logo-96.webp\",\"alt\":\"Coding Now Tech Institute Logo\",\"width\":50,\"height\":50}],[\"$\",\"h2\",null,{\"children\":\"Coding Now Tech Institute\"}]]}],[\"$\",\"p\",null,{\"children\":\"India's premier AI \u0026 Full Stack training institute — bridging the gap between education and industry with hands-on mentorship and 100% placement support.\"}],[\"$\",\"div\",null,{\"className\":\"footer-address\",\"children\":[[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\",\"key\":\"1r0f0z\"}],[\"circle\",{\"cx\":\"12\",\"cy\":\"10\",\"r\":\"3\",\"key\":\"ilqhr7\"}]],\"className\":\"lucide-map-pin mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"2nd Floor, Kapil Vihar, (Opp. Metro Pillar No.354)\",[\"$\",\"br\",null,{}],\"Pitampura, New Delhi – 110034\"]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\",\"key\":\"9njp5v\"}]],\"className\":\"lucide-phone mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"tel:+919899508745\",\"children\":\"+91 9899508745\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\",\"key\":\"132q7q\"}],[\"rect\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\",\"key\":\"izxlao\"}]],\"className\":\"lucide-mail mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"mailto:info@codingnowai.com\",\"children\":\"info@codingnowai.com\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"addr-icon\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"circle\",{\"cx\":\"12\",\"cy\":\"12\",\"r\":\"10\",\"key\":\"1mglay\"}],[\"path\",{\"d\":\"M12 6v6l4 2\",\"key\":\"mmk7yg\"}]],\"className\":\"lucide-clock mt-0.5 shrink-0 text-amber-400\",\"size\":16}],[\"$\",\"span\",null,{\"children\":\"Mon – Sat: 9:00 AM – 7:00 PM\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-map\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Find Us Here\"}],[\"$\",\"div\",null,{\"className\":\"map-wrapper\",\"style\":{\"position\":\"relative\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.google.com/maps?cid=8721177965519775187\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"position\":\"absolute\",\"inset\":0,\"zIndex\":1},\"aria-label\":\"Open Coding Now Tech Institute on Google Maps\"}],[\"$\",\"iframe\",null,{\"src\":\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.5!2d77.1366043!3d28.699913!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03f5a6f7e8b1%3A0x790b8e5e5f3e4b53!2sCoding%20Now%20Tech%20Institute!5e0!3m2!1sen!2sin!4v1700000000000!5m2!1sen!2sin\",\"allowFullScreen\":true,\"loading\":\"lazy\",\"referrerPolicy\":\"no-referrer-when-downgrade\",\"title\":\"Coding Now Tech Institute Office Location Map\",\"style\":{\"pointerEvents\":\"none\"}}]]}]]}],[\"$\",\"div\",null,{\"className\":\"footer-social\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/company/codingnowai-in\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"LinkedIn\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}],[\"$\",\"a\",null,{\"href\":\"https://www.instagram.com/codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Instagram\",\"children\":\"$L11\"}],\"$L12\",\"$L13\",\"$L14\"]}]]}],\"$L15\",\"$L16\",\"$L17\",\"$L18\"]}]}],\"$L19\",\"$L1a\"]}],\"children\":\"$L1b\"}],\"$L1c\"]}]\n"])</script><script>self.__next_f.push([1,"4:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/02bhhu-ub8vle.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"cn-notes\",\"children\":[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]]}]\n5:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n6:[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]\n7:[\"$\",\"$1\",\"c\",{\"children\":[\"$L1f\",[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1582pnnvs.4wi.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@22\"}]}]]}]\n23:[]\n8:\"$W23\"\n9:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L24\",null,{\"children\":\"$L25\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L26\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L27\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nb:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0qmc2eu56a_hq.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\nc:[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0j4uo8becl1pb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"2a:I[22016,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"\"]\n2b:I[33752,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"default\"]\n28:T7c4,"])</script><script>self.__next_f.push([1,"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"])</script><script>self.__next_f.push([1,"11:[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$28\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]\n12:[\"$\",\"a\",null,{\"href\":\"https://www.facebook.com/codingnow\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"Facebook\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n29:T450,M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z13:[\"$\",\"a\",null,{\"href\":\"https://wa.me/919667708830\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"WhatsApp\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$29\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n14:[\"$\",\"a\",null,{\"href\":\"https://www.youtube.com/@codingnowai\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"aria-label\":\"YouTube\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"role\":\"img\",\"viewBox\":\"0 0 24 24\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]\n15:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"AI \u0026 Data\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/generative-ai\",\"children\":\"Generative AI\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/prompt-engineering\",\"children\":\"Prompt Engineering\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-engineering-diploma\",\"children\":\"AI Engineering Diploma\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-science\",\"children\":\"Data Science\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/data-analytics\",\"children\":\"Data Analytics\"}]]}]\n16:[\"$\",\"div\",null,{\"className\":\"fo"])</script><script>self.__next_f.push([1,"oter-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ai-integrated-full-stack\",\"children\":\"AI-Integrated Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/python-full-stack\",\"children\":\"Python Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mern-stack\",\"children\":\"MERN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/mean-stack\",\"children\":\"MEAN Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/react-full-stack\",\"children\":\"React Full Stack\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/dot-net-full-stack\",\"children\":\".NET Full Stack\"}]]}]\n17:[\"$\",\"div\",null,{\"className\":\"footer-links\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Cloud \u0026 Cyber\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-developer-associate\",\"children\":\"AWS Developer Associate\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/aws-solutions-architect\",\"children\":\"AWS Solutions Architect\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/azure-administrator\",\"children\":\"Azure Administrator\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/google-cloud\",\"children\":\"Google Cloud\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/ethical-hacker\",\"children\":\"Ethical Hacker (C|EH)\"}],[\"$\",\"$L2a\",null,{\"href\":\"/courses/cissp\",\"children\":\"CISSP\"}]]}]\n18:[\"$\",\"div\",null,{\"className\":\"footer-newsletter\",\"children\":[[\"$\",\"h4\",null,{\"children\":\"Stay Updated\"}],[\"$\",\"p\",null,{\"children\":\"Get latest course updates, offers \u0026 career tips directly in your inbox.\"}],[\"$\",\"div\",null,{\"className\":\"newsletter-box\",\"children\":[[\"$\",\"input\",null,{\"type\":\"email\",\"placeholder\":\"Your email\",\"aria-label\":\"Email for newsletter\"}],[\"$\",\"button\",null,{\"aria-label\":\"Subscribe\",\"children\":\"→\"}]]}],[\"$\",\"p\",null,{\"className\":\"newsletter-note\",\"children\":\"No spam. Unsubscribe anytime.\"}],[\"$\",\"div\",null,{\"className\":\"footer-links\",\"style\":{\"marginTop\":\"24px\"},\"children\":[[\"$\",\"h4\",null,{\"children\":\"Company\"}],[\"$\",\"$L2a\",null,{\"href\":\"/about\",\"children\":\"About Us\"}],[\"$\",\"$L2a\",null,{\"href\":\"/our-mission\",\"children\":\"Our Mission\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact Us\"}]]}]]}]\n19:[\"$\",\"hr\",null,{\"className\":\"footer-divider\"}]\n1a:[\"$\",\"div\",null,{\"className\":\"site-container\",\"children\":[\"$\",\"div\",null,{\"className\":\"footer-bottom-pro\",\"children\":[[\"$\",\"p\",null,{\"children\":\"© 2026 Coding Now Tech Institute. All rights reserved.\"}],[\"$\",\"div\",null,{\"className\":\"footer-bottom-links\",\"style\":{\"gap\":12,\"flexWrap\":\"wrap\",\"justifyContent\":\"center\"},\"children\":[[\"$\",\"a\",null,{\"href\":\"/privacy-policy/\",\"children\":\"Privacy Policy\"}],[\"$\",\"a\",null,{\"href\":\"/terms/\",\"children\":\"Terms of Use\"}],[\"$\",\"a\",null,{\"href\":\"/refund-policy/\",\"children\":\"Refund Policy\"}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Contact\"}]]}]]}]}]\n"])</script><script>self.__next_f.push([1,"1b:[\"$\",\"$L1d\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L1e\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen flex items-center justify-center bg-gradient-to-br from-[#064e3b] via-[#04392a] to-[#064e3b] px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center max-w-md\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-[120px] md:text-[160px] font-black text-white/10 leading-none select-none\",\"children\":\"404\"}],[\"$\",\"h2\",null,{\"className\":\"text-2xl md:text-3xl font-bold text-white -mt-8 mb-3\",\"children\":\"Page Not Found\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-300 text-sm md:text-base mb-8\",\"children\":\"The page you're looking for doesn't exist or has been moved. Let's get you back on track.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col sm:flex-row items-center justify-center gap-4\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"className\":\"flex items-center gap-2 bg-white text-[#064e3b] font-semibold px-6 py-3 rounded-lg hover:bg-gray-100 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\",\"key\":\"5wwlr5\"}],[\"path\",{\"d\":\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\",\"key\":\"r6nss1\"}]],\"className\":\"lucide-house\",\"size\":18}],\" Go Home\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/courses\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"m12 19-7-7 7-7\",\"key\":\"1l729n\"}],[\"path\",{\"d\":\"M19 12H5\",\"key\":\"x3x0zl\"}]],\"className\":\"lucide-arrow-left\",\"size\":18}],\" Browse Courses\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/blog\",\"className\":\"flex items-center gap-2 border border-white/30 text-white font-semibold px-6 py-3 rounded-lg hover:bg-white/10 transition-colors\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":18}],\" Read the Blog\"]}]]}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1c:[\"$\",\"$L2b\",null,{}]\n"])</script><script>self.__next_f.push([1,"2c:T5dc,"])</script><script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"TechArticle\",\"@id\":\"https://www.codingnowai.com/notes/javascript/ajax-applications/#article\",\"headline\":\"AJAX Applications\",\"description\":\"AJAX applications showcase real uses — live search, autocomplete, voting. They demonstrate the pattern's practical power.\",\"author\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"url\":\"https://www.codingnowai.com\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"Coding Now Tech Institute\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://www.codingnowai.com/images/logo.jpeg\"}},\"url\":\"https://www.codingnowai.com/notes/javascript/ajax-applications/\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://www.codingnowai.com/notes/javascript/ajax-applications/\"},\"inLanguage\":\"en-IN\",\"wordCount\":316,\"isPartOf\":{\"@type\":\"CreativeWorkSeries\",\"name\":\"JavaScript Notes\",\"url\":\"https://www.codingnowai.com/notes/javascript/\"},\"speakable\":{\"@type\":\"SpeakableSpecification\",\"cssSelector\":[\"h1\",\"h2\",\".post-body \u003e p:first-of-type\"]},\"profiling\":{\"@type\":\"Text\",\"name\":\"code-example\"}},{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https://www.codingnowai.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Notes\",\"item\":\"https://www.codingnowai.com/notes/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"JavaScript Notes\",\"item\":\"https://www.codingnowai.com/notes/javascript/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"AJAX Applications\"}]}]"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"main\",null,{\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2c\"}}],[\"$\",\"section\",null,{\"className\":\"post-hero\",\"children\":[\"$\",\"div\",null,{\"className\":\"container\",\"children\":[[\"$\",\"nav\",null,{\"className\":\"crumb\",\"aria-label\":\"Breadcrumb\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/\",\"children\":\"Home\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes\",\"children\":\"Notes\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/javascript\",\"children\":\"JavaScript\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}],[[\"$\",\"$L2a\",null,{\"href\":\"/notes/javascript#cat-old-technologies\",\"children\":\"Old Technologies\"}],[\"$\",\"span\",null,{\"className\":\"sep\",\"children\":\"/\"}]],[\"$\",\"span\",null,{\"className\":\"cur\",\"children\":\"AJAX Applications\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/javascript\",\"className\":\"post-back\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":14}],\" Back to \",\"JavaScript\",\" Notes\"]}],[\"$\",\"br\",null,{}],\"$undefined\",[\"$\",\"span\",null,{\"className\":\"post-cat-badge\",\"children\":[\"Topic #\",263]}],[\"$\",\"h1\",null,{\"className\":\"post-title\",\"children\":\"AJAX Applications\"}],[\"$\",\"p\",null,{\"className\":\"topic-intro\",\"children\":\"AJAX applications showcase real uses — live search, autocomplete, voting. They demonstrate the pattern's practical power.\"}],[\"$\",\"div\",null,{\"className\":\"post-meta\",\"children\":[[\"$\",\"span\",null,{\"children\":[\"JavaScript\",\" Notes · Coding Now Tech Institute\"]}],[\"$\",\"span\",null,{\"children\":[2,\" min read\"]}],false,[\"$\",\"a\",null,{\"href\":\"https://www.w3schools.com/js/js_ajax_applications.asp\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"style\":{\"color\":\"inherit\",\"textDecoration\":\"underline\"},\"children\":\"Source\"}]]}]]}]}],[\"$\",\"div\",null,{\"className\":\"note-layout\",\"children\":[[\"$\",\"div\",null,{\"children\":[[\"$\",\"nav\",null,{\"className\":\"lesson-outline\",\"aria-label\":\"In this lesson\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"In this lesson\"}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"a\",\"the-xml-document-used\",{\"href\":\"#the-xml-document-used\",\"children\":\"The XML Document Used\"}],[\"$\",\"a\",\"display-xml-data-in-an-html-table\",{\"href\":\"#display-xml-data-in-an-html-table\",\"children\":\"Display XML Data in an HTML Table\"}],[\"$\",\"a\",\"display-the-first-cd-in-an-html-div-element\",{\"href\":\"#display-the-first-cd-in-an-html-div-element\",\"children\":\"Display the First CD in an HTML div Element\"}],\"$L2d\",\"$L2e\"]}]]}],\"$L2f\",\"$L30\",\"$L31\"]}],\"$L32\"]}],\"$L33\"]}]\n"])</script><script>self.__next_f.push([1,"c3:I[46042,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\",\"/_next/static/chunks/1582pnnvs.4wi.js\"],\"default\"]\n2d:[\"$\",\"a\",\"navigate-between-the-cds\",{\"href\":\"#navigate-between-the-cds\",\"children\":\"Navigate Between the CDs\"}]\n2e:[\"$\",\"a\",\"show-album-information-when-clicking-on-a-cd\",{\"href\":\"#show-album-information-when-clicking-on-a-cd\",\"children\":\"Show Album Information When Clicking On a CD\"}]\n34:Td65,"])</script><script>self.__next_f.push([1,"\u003chr\u003e\n\u003cp\u003eThis chapter demonstrates some HTML applications using XML, HTTP, DOM, and JavaScript.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"the-xml-document-used\"\u003eThe XML Document Used\u003c/h2\u003e\n\u003cp\u003eIn this chapter we will use the XML file called \"cd_catalog.xml\".\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"display-xml-data-in-an-html-table\"\u003eDisplay XML Data in an HTML Table\u003c/h2\u003e\n\u003cp\u003eThis example loops through each \u003cCD\u003e element, and displays the values of the \u003cARTIST\u003e and the \u003cTITLE\u003e elements in an HTML table:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-html\"\u003e\u0026#x3C;table id=\"demo\"\u003e\u0026#x3C;/table\u003e\n\n\u0026#x3C;script\u003e\n\nfunction loadXMLDoc() {\n\n const xhttp = new XMLHttpRequest();\n\n xhttp.onload = function() {\n\n const xmlDoc = xhttp.responseXML;\n\n const cd = xmlDoc.getElementsByTagName(\"CD\");\n\n myFunction(cd);\n\n }\n\n xhttp.open(\"GET\", \"cd_catalog.xml\");\n\nxhttp.send();\n\n}\n\nfunction myFunction(cd) {\n\n let table=\"\u0026#x3C;tr\u003e\u0026#x3C;th\u003eArtist\u0026#x3C;/th\u003e\u0026#x3C;th\u003eTitle\u0026#x3C;/th\u003e\u0026#x3C;/tr\u003e\";\n\n for (let i = 0; i \u0026#x3C; cd.length; i++) {\n\n table += \"\u0026#x3C;tr\u003e\u0026#x3C;td\u003e\" +\n cd[i].getElementsByTagName(\"ARTIST\")[0].childNodes[0].nodeValue\n +\n \"\u0026#x3C;/td\u003e\u0026#x3C;td\u003e\" +\n cd[i].getElementsByTagName(\"TITLE\")[0].childNodes[0].nodeValue\n +\n \"\u0026#x3C;/td\u003e\u0026#x3C;/tr\u003e\";\n }\n\n document.getElementById(\"demo\").innerHTML = table;\n}\n\u0026#x3C;/script\u003e\n\n\u0026#x3C;/body\u003e\n\n\u0026#x3C;/html\u003e\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eFor more information about using JavaScript and the XML DOM, go to DOM Intro.\u003c/p\u003e\n\u003chr\u003e\n\u003ch2 id=\"display-the-first-cd-in-an-html-div-element\"\u003eDisplay the First CD in an HTML div Element\u003c/h2\u003e\n\u003cp\u003eThis example uses a function to display the first CD element in an HTML element with id=\"showCD\":\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-javascript\"\u003econst xhttp = new XMLHttpRequest();\n\nxhttp.onload = function() {\n\n const xmlDoc = xhttp.responseXML;\n\n const cd = xmlDoc.getElementsByTagName(\"CD\");\n\n myFunction(cd, 0);\n\n}\n\nxhttp.open(\"GET\", \"cd_catalog.xml\");\n\nxhttp.send();\n\nfunction myFunction(cd, i) {\n\n document.getElementById(\"showCD\").innerHTML =\n\n \"Artist: \" +\n\n cd[i].getElementsByTagName(\"ARTIST\")[0].childNodes[0].nodeValue +\n\n \"\u0026#x3C;br\u003eTitle: \" +\n\n cd[i].getElementsByTagName(\"TITLE\")[0].childNodes[0].nodeValue +\n\n \"\u0026#x3C;br\u003eYear: \" +\n\n cd[i].getElementsByTagName(\"YEAR\")[0].childNodes[0].nodeValue;\n\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"navigate-between-the-cds\"\u003eNavigate Between the CDs\u003c/h2\u003e\n\u003cp\u003eTo navigate between the CDs in the example above, create a \u003ccode\u003enext()\u003c/code\u003e and \u003ccode\u003eprevious()\u003c/code\u003e function:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-javascript\"\u003efunction next()\n{\n // display the next CD, unless you are on the last CD\n\nif (i \u0026#x3C; len-1) {\n\n i++;\n\n displayCD(i);\n\n }\n\n}\n\nfunction previous()\n{\n // display the previous CD, unless you are on the first CD\n\nif (i \u003e 0) {\n\n i--;\n\n displayCD(i);\n\n }\n\n}\n\u003c/code\u003e\u003c/pre\u003e\n\u003chr\u003e\n\u003ch2 id=\"show-album-information-when-clicking-on-a-cd\"\u003eShow Album Information When Clicking On a CD\u003c/h2\u003e\n\u003cp\u003eThe last example shows how you can show album information when the user clicks on a CD:\u003c/p\u003e\n\u003ch3\u003eExample\u003c/h3\u003e\n\u003cpre\u003e\u003ccode class=\"language-javascript\"\u003efunction displayCD(i) {\n\n document.getElementById(\"showCD\").innerHTML =\n\n \"Artist: \" +\n\n cd[i].getElementsByTagName(\"ARTIST\")[0].childNodes[0].nodeValue +\n\n \"\u0026#x3C;br\u003eTitle: \" +\n\n cd[i].getElementsByTagName(\"TITLE\")[0].childNodes[0].nodeValue +\n\n \"\u0026#x3C;br\u003eYear: \" +\n\n cd[i].getElementsByTagName(\"YEAR\")[0].childNodes[0].nodeValue;\n\n}\n\u003c/code\u003e\u003c/pre\u003e\n"])</script><script>self.__next_f.push([1,"2f:[\"$\",\"div\",null,{\"className\":\"post-body\",\"children\":[[\"$\",\"div\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"$34\"}}],\"$L35\"]}]\n30:[\"$\",\"div\",null,{\"className\":\"prevnext\",\"children\":[[\"$\",\"$L2a\",null,{\"href\":\"/notes/javascript/ajax-database\",\"className\":\"pn-btn pn-prev\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":\"$1b:props:notFound:0:props:children:props:children:3:props:children:1:props:children:0:props:iconNode\",\"className\":\"lucide-arrow-left\",\"size\":13}],\" Previous\"]}],[\"$\",\"strong\",null,{\"children\":\"AJAX Database\"}]]}],[\"$\",\"$L2a\",null,{\"href\":\"/notes/javascript/ajax-examples\",\"className\":\"pn-btn pn-next\",\"children\":[[\"$\",\"span\",null,{\"className\":\"inline-flex items-center gap-1\",\"children\":[\"Next \",[\"$\",\"$L10\",null,{\"ref\":\"$undefined\",\"iconNode\":[[\"path\",{\"d\":\"M5 12h14\",\"key\":\"1ays0h\"}],[\"path\",{\"d\":\"m12 5 7 7-7 7\",\"key\":\"xquz4c\"}]],\"className\":\"lucide-arrow-right\",\"size\":13}]]}],[\"$\",\"strong\",null,{\"children\":\"AJAX Examples\"}]]}]]}]\n31:[\"$\",\"div\",null,{\"className\":\"note-cta\",\"children\":[[\"$\",\"h3\",null,{\"children\":\"Want to go beyond the notes?\"}],[\"$\",\"p\",null,{\"children\":[\"Join Coding Now Tech Institute's \",\"JavaScript\",\" course — live mentorship, real projects, and 100% placement support.\"]}],[\"$\",\"$L2a\",null,{\"href\":\"/enroll-now\",\"children\":\"Enroll Now — Free Demo Available\"}]]}]\n"])</script><script>self.__next_f.push([1,"32:[\"$\",\"aside\",null,{\"className\":\"topics-side\",\"children\":[[\"$\",\"h4\",null,{\"children\":[\"JavaScript\",\" Notes — All Topics\"]}],[[\"$\",\"div\",\"js-tutorial\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"JS Tutorial\"}],[[\"$\",\"$L2a\",\"js-home\",{\"href\":\"/notes/javascript/js-home\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":1}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Home\"}]]}],[\"$\",\"$L2a\",\"js-introduction\",{\"href\":\"/notes/javascript/js-introduction\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":2}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Introduction\"}]]}],[\"$\",\"$L2a\",\"js-where-to\",{\"href\":\"/notes/javascript/js-where-to\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":3}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Where To\"}]]}],[\"$\",\"$L2a\",\"js-output\",{\"href\":\"/notes/javascript/js-output\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":4}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Output\"}]]}],[\"$\",\"$L2a\",\"js-syntax\",{\"href\":\"/notes/javascript/js-syntax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":5}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Syntax\"}]]}],[\"$\",\"$L2a\",\"js-statements\",{\"href\":\"/notes/javascript/js-statements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":6}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Statements\"}]]}],[\"$\",\"$L2a\",\"js-comments\",{\"href\":\"/notes/javascript/js-comments\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":7}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Comments\"}]]}],[\"$\",\"$L2a\",\"js-variables\",{\"href\":\"/notes/javascript/js-variables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":8}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Variables\"}]]}],[\"$\",\"$L2a\",\"js-let\",{\"href\":\"/notes/javascript/js-let\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":9}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Let\"}]]}],[\"$\",\"$L2a\",\"js-const\",{\"href\":\"/notes/javascript/js-const\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":10}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Const\"}]]}],[\"$\",\"$L2a\",\"js-types\",{\"href\":\"/notes/javascript/js-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":11}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Types\"}]]}],[\"$\",\"$L2a\",\"js-operators\",{\"href\":\"/notes/javascript/js-operators\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":12}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Operators\"}]]}],[\"$\",\"$L2a\",\"js-arithmetic\",{\"href\":\"/notes/javascript/js-arithmetic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":13}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Arithmetic\"}]]}],[\"$\",\"$L2a\",\"js-assignment\",{\"href\":\"/notes/javascript/js-assignment\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":14}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Assignment\"}]]}],[\"$\",\"$L2a\",\"js-comparisons\",{\"href\":\"/notes/javascript/js-comparisons\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":15}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Comparisons\"}]]}],[\"$\",\"$L2a\",\"js-conditional\",{\"href\":\"/notes/javascript/js-conditional\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":16}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Conditional\"}]]}],[\"$\",\"$L2a\",\"js-if-conditions\",{\"href\":\"/notes/javascript/js-if-conditions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":17}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS If Conditions\"}]]}],[\"$\",\"$L2a\",\"js-if-else\",{\"href\":\"/notes/javascript/js-if-else\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":18}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS If Else\"}]]}],[\"$\",\"$L2a\",\"js-ternary\",{\"href\":\"/notes/javascript/js-ternary\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":19}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Ternary\"}]]}],[\"$\",\"$L2a\",\"js-switch\",{\"href\":\"/notes/javascript/js-switch\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":20}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Switch\"}]]}],\"$L36\",\"$L37\",\"$L38\",\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\",\"$L40\",\"$L41\",\"$L42\",\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\",\"$L49\",\"$L4a\",\"$L4b\",\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\",\"$L51\",\"$L52\",\"$L53\",\"$L54\",\"$L55\",\"$L56\",\"$L57\",\"$L58\",\"$L59\",\"$L5a\",\"$L5b\",\"$L5c\",\"$L5d\",\"$L5e\",\"$L5f\",\"$L60\",\"$L61\",\"$L62\",\"$L63\",\"$L64\",\"$L65\",\"$L66\",\"$L67\",\"$L68\",\"$L69\",\"$L6a\",\"$L6b\",\"$L6c\",\"$L6d\",\"$L6e\",\"$L6f\",\"$L70\",\"$L71\",\"$L72\",\"$L73\",\"$L74\",\"$L75\",\"$L76\",\"$L77\",\"$L78\",\"$L79\",\"$L7a\",\"$L7b\",\"$L7c\",\"$L7d\",\"$L7e\",\"$L7f\",\"$L80\",\"$L81\",\"$L82\",\"$L83\",\"$L84\",\"$L85\",\"$L86\",\"$L87\",\"$L88\",\"$L89\",\"$L8a\",\"$L8b\",\"$L8c\",\"$L8d\",\"$L8e\",\"$L8f\",\"$L90\",\"$L91\",\"$L92\",\"$L93\",\"$L94\",\"$L95\",\"$L96\",\"$L97\",\"$L98\",\"$L99\",\"$L9a\",\"$L9b\",\"$L9c\",\"$L9d\",\"$L9e\",\"$L9f\",\"$La0\",\"$La1\",\"$La2\",\"$La3\",\"$La4\",\"$La5\",\"$La6\",\"$La7\",\"$La8\",\"$La9\",\"$Laa\",\"$Lab\",\"$Lac\",\"$Lad\",\"$Lae\",\"$Laf\",\"$Lb0\",\"$Lb1\",\"$Lb2\",\"$Lb3\",\"$Lb4\",\"$Lb5\",\"$Lb6\",\"$Lb7\",\"$Lb8\",\"$Lb9\",\"$Lba\",\"$Lbb\",\"$Lbc\",\"$Lbd\",\"$Lbe\"]]}],\"$Lbf\",\"$Lc0\",\"$Lc1\"]]}]\n"])</script><script>self.__next_f.push([1,"c2:T4c1,{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"What does this AJAX Applications note cover?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"This free note from Coding Now Tech Institute explains AJAX Applications in JavaScript — concept, syntax and worked code examples you can copy, run and revise before interviews.\"}},{\"@type\":\"Question\",\"name\":\"Is this AJAX Applications tutorial free?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Every JavaScript topic on Coding Now Tech Institute, including AJAX Applications, is 100% free with no signup required.\"}},{\"@type\":\"Question\",\"name\":\"How long does it take to learn AJAX Applications?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"With focused practice, most students grasp AJAX Applications in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"}},{\"@type\":\"Question\",\"name\":\"Where can I practise AJAX Applications after reading?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}}]}"])</script><script>self.__next_f.push([1,"33:[\"$\",\"section\",null,{\"className\":\"cn-faq-section\",\"aria-label\":\"AJAX Applications – FAQs\",\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$c2\"}}],[\"$\",\"div\",null,{\"className\":\"cn-faq-inner\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"cn-faq-title\",\"children\":\"AJAX Applications – FAQs\"}],[\"$\",\"p\",null,{\"className\":\"cn-faq-sub\",\"children\":\"Quick answers about learning AJAX Applications in JavaScript.\"}],[\"$\",\"$Lc3\",null,{\"faqs\":[{\"q\":\"What does this AJAX Applications note cover?\",\"a\":\"This free note from Coding Now Tech Institute explains AJAX Applications in JavaScript — concept, syntax and worked code examples you can copy, run and revise before interviews.\"},{\"q\":\"Is this AJAX Applications tutorial free?\",\"a\":\"Yes. Every JavaScript topic on Coding Now Tech Institute, including AJAX Applications, is 100% free with no signup required.\"},{\"q\":\"How long does it take to learn AJAX Applications?\",\"a\":\"With focused practice, most students grasp AJAX Applications in 1–3 days from these notes; pairing it with Coding Now Tech Institute's mentor-led course takes you to job-ready depth faster.\"},{\"q\":\"Where can I practise AJAX Applications after reading?\",\"a\":\"Use the code examples in this note, then ask doubts for free on the Coding Now Tech Institute Community (/community) — expert instructors answer within 24 hours.\"}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"35:[\"$\",\"div\",null,{\"className\":\"share-bar\",\"children\":[[\"$\",\"strong\",null,{\"children\":\"Share:\"}],[\"$\",\"a\",null,{\"href\":\"https://wa.me/?text=AJAX%20Applications%20https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-wa\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" WhatsApp\"]}],[\"$\",\"a\",null,{\"href\":\"https://www.linkedin.com/shareArticle?mini=true\u0026url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F\u0026title=AJAX%20Applications\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-li\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" LinkedIn\"]}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.codingnowai.com%2Fnotes%2Fjavascript%2Fajax-applications%2F\u0026text=AJAX%20Applications\",\"target\":\"_blank\",\"rel\":\"noopener\",\"className\":\"share-btn s-cp\",\"children\":[[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 512 512\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z\",\"children\":[]}]]],\"className\":\"$undefined\",\"style\":{\"color\":\"$undefined\"},\"height\":14,\"width\":14,\"xmlns\":\"http://www.w3.org/2000/svg\"}],\" Copy / Share\"]}]]}]\n"])</script><script>self.__next_f.push([1,"36:[\"$\",\"$L2a\",\"js-booleans\",{\"href\":\"/notes/javascript/js-booleans\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":21}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Booleans\"}]]}]\n37:[\"$\",\"$L2a\",\"js-logical\",{\"href\":\"/notes/javascript/js-logical\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":22}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Logical\"}]]}]\n38:[\"$\",\"$L2a\",\"js-loops\",{\"href\":\"/notes/javascript/js-loops\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":23}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Loops\"}]]}]\n39:[\"$\",\"$L2a\",\"js-loop-for\",{\"href\":\"/notes/javascript/js-loop-for\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":24}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Loop for\"}]]}]\n3a:[\"$\",\"$L2a\",\"js-loop-while\",{\"href\":\"/notes/javascript/js-loop-while\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":25}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Loop while\"}]]}]\n3b:[\"$\",\"$L2a\",\"js-break\",{\"href\":\"/notes/javascript/js-break\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":26}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Break\"}]]}]\n3c:[\"$\",\"$L2a\",\"js-continue\",{\"href\":\"/notes/javascript/js-continue\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":27}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Continue\"}]]}]\n3d:[\"$\",\"$L2a\",\"js-control-flow\",{\"href\":\"/notes/javascript/js-control-flow\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":28}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Control Flow\"}]]}]\n3e:[\"$\",\"$L2a\",\"js-strings\",{\"href\":\"/notes/javascript/js-strings\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":29}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Strings\"}]]}]\n3f:[\"$\",\"$L2a\",\"js-string-templates\",{\"href\":\"/notes/javascript/js-string-templates\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":30}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS String Templates\"}]]}]\n40:[\"$\",\"$L2a\",\"js-string-methods\",{\"href\":\"/notes/javascript/js-string-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":31}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS String Methods\"}]]}]\n41:[\"$\",\"$L2a\",\"js-string-search\",{\"href\":\"/notes/javascript/js-string-search\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":32}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS String Search\"}]]}]\n42:[\"$\",\"$L2a\",\"js-numbers\",{\"href\":\"/notes/javascript/js-numbers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":33}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Numbers\"}]]}]\n43:[\"$\",\"$L2a\",\"js-number-methods\",{\"href\":\"/notes/javascript/js-number-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":34}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Number Methods\"}]]}]\n44:[\"$\",\"$L2a\",\"js-number-properties\",{\"href\":\"/notes/javascript/js-number-properties\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":35}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Number Properties\"}]]}]\n45:[\"$\",\"$L2a\",\"js-bitwise\",{\"href\":\"/notes/javascript/js-bitwise\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":36}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Bitwise\"}]]}]\n46:[\"$\",\"$L2a\",\"js-bigint\",{\"href\":\"/notes/javascript/js-bigint\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":37}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS BigInt\"}]]}]\n47:[\"$\",\"$L2a\",\"js-functions\",{\"href\":\"/notes/javascript/js-functions\",\"className\":\"ts-item \",\"childre"])</script><script>self.__next_f.push([1,"n\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":38}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Functions\"}]]}]\n48:[\"$\",\"$L2a\",\"function-intro\",{\"href\":\"/notes/javascript/function-intro\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":39}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Intro\"}]]}]\n49:[\"$\",\"$L2a\",\"function-invocation\",{\"href\":\"/notes/javascript/function-invocation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":40}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Invocation\"}]]}]\n4a:[\"$\",\"$L2a\",\"function-parameters\",{\"href\":\"/notes/javascript/function-parameters\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":41}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Parameters\"}]]}]\n4b:[\"$\",\"$L2a\",\"function-returns\",{\"href\":\"/notes/javascript/function-returns\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":42}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Returns\"}]]}]\n4c:[\"$\",\"$L2a\",\"function-arguments\",{\"href\":\"/notes/javascript/function-arguments\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":43}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Arguments\"}]]}]\n4d:[\"$\",\"$L2a\",\"function-expressions\",{\"href\":\"/notes/javascript/function-expressions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":44}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Expressions\"}]]}]\n4e:[\"$\",\"$L2a\",\"function-arrow\",{\"href\":\"/notes/javascript/function-arrow\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":45}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Arrow\"}]]}]\n4f:[\"$\",\"$L2a\",\"js-timers\",{\"href\":\"/notes/javascript/js-timers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":46}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Timers\"}]]}]\n50:[\"$\",\"$L2a\",\"js-objects\",{\"href\":\"/notes/javascript/js-objects\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":47}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Objects\"}]]}]\n51:[\"$\",\"$L2a\",\"object-intro\",{\"href\":\"/notes/javascript/object-intro\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":48}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Intro\"}]]}]\n52:[\"$\",\"$L2a\",\"object-properties\",{\"href\":\"/notes/javascript/object-properties\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":49}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Properties\"}]]}]\n53:[\"$\",\"$L2a\",\"object-methods\",{\"href\":\"/notes/javascript/object-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":50}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Methods\"}]]}]\n54:[\"$\",\"$L2a\",\"object-this\",{\"href\":\"/notes/javascript/object-this\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":51}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object this\"}]]}]\n55:[\"$\",\"$L2a\",\"object-display\",{\"href\":\"/notes/javascript/object-display\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":52}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Display\"}]]}]\n56:[\"$\",\"$L2a\",\"object-constructors\",{\"href\":\"/notes/javascript/object-constructors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":53}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Constructors\"}]]}]\n57:[\"$\",\"$L2a\",\"js-scope\",{\"href\":\"/notes/javascript/js-scope\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":54}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Scope\"}]]}]\n58:[\"$\",\"$L2a\",\"js-code-blocks\",{\"href\":\"/notes/javascript/js-code-blocks\",\"className\":\"ts-item \",\"children\":[["])</script><script>self.__next_f.push([1,"\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":55}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Code Blocks\"}]]}]\n59:[\"$\",\"$L2a\",\"js-hoisting\",{\"href\":\"/notes/javascript/js-hoisting\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":56}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Hoisting\"}]]}]\n5a:[\"$\",\"$L2a\",\"js-varletconst\",{\"href\":\"/notes/javascript/js-varletconst\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":57}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS var/let/const\"}]]}]\n5b:[\"$\",\"$L2a\",\"js-strict-mode\",{\"href\":\"/notes/javascript/js-strict-mode\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":58}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Strict Mode\"}]]}]\n5c:[\"$\",\"$L2a\",\"js-dates\",{\"href\":\"/notes/javascript/js-dates\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":59}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Dates\"}]]}]\n5d:[\"$\",\"$L2a\",\"js-date-formats\",{\"href\":\"/notes/javascript/js-date-formats\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":60}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Date Formats\"}]]}]\n5e:[\"$\",\"$L2a\",\"js-date-get\",{\"href\":\"/notes/javascript/js-date-get\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":61}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Date Get\"}]]}]\n5f:[\"$\",\"$L2a\",\"js-date-set\",{\"href\":\"/notes/javascript/js-date-set\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":62}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Date Set\"}]]}]\n60:[\"$\",\"$L2a\",\"js-arrays\",{\"href\":\"/notes/javascript/js-arrays\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":63}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Arrays\"}]]}]\n61:[\"$\",\"$L2a\",\"js-array-constructor\",{\"href\":\"/notes/javascript/js-array-constructor\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":64}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array Constructor\"}]]}]\n62:[\"$\",\"$L2a\",\"js-array-methods\",{\"href\":\"/notes/javascript/js-array-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":65}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array Methods\"}]]}]\n63:[\"$\",\"$L2a\",\"js-array-search\",{\"href\":\"/notes/javascript/js-array-search\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":66}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array Search\"}]]}]\n64:[\"$\",\"$L2a\",\"js-array-sort\",{\"href\":\"/notes/javascript/js-array-sort\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":67}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array Sort\"}]]}]\n65:[\"$\",\"$L2a\",\"js-array-iterations\",{\"href\":\"/notes/javascript/js-array-iterations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":68}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array Iterations\"}]]}]\n66:[\"$\",\"$L2a\",\"js-array-const\",{\"href\":\"/notes/javascript/js-array-const\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":69}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Array const\"}]]}]\n67:[\"$\",\"$L2a\",\"js-sets\",{\"href\":\"/notes/javascript/js-sets\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":70}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Sets\"}]]}]\n68:[\"$\",\"$L2a\",\"js-set-methods\",{\"href\":\"/notes/javascript/js-set-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":71}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Set Methods\"}]]}]\n69:[\"$\",\"$L2a\",\"js-set-logic\",{\"href\":\"/notes/javascript/js-set-logic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":72}],[\"$\",\"span\",null,{\"c"])</script><script>self.__next_f.push([1,"lassName\":\"ts-title\",\"children\":\"JS Set Logic\"}]]}]\n6a:[\"$\",\"$L2a\",\"js-set-weakset\",{\"href\":\"/notes/javascript/js-set-weakset\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":73}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Set WeakSet\"}]]}]\n6b:[\"$\",\"$L2a\",\"js-maps\",{\"href\":\"/notes/javascript/js-maps\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":74}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Maps\"}]]}]\n6c:[\"$\",\"$L2a\",\"js-map-methods\",{\"href\":\"/notes/javascript/js-map-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":75}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Map Methods\"}]]}]\n6d:[\"$\",\"$L2a\",\"js-map-weakmap\",{\"href\":\"/notes/javascript/js-map-weakmap\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":76}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Map WeakMap\"}]]}]\n6e:[\"$\",\"$L2a\",\"js-iterations\",{\"href\":\"/notes/javascript/js-iterations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":77}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Iterations\"}]]}]\n6f:[\"$\",\"$L2a\",\"js-iterables\",{\"href\":\"/notes/javascript/js-iterables\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":78}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Iterables\"}]]}]\n70:[\"$\",\"$L2a\",\"js-iterators\",{\"href\":\"/notes/javascript/js-iterators\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":79}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Iterators\"}]]}]\n71:[\"$\",\"$L2a\",\"js-generators\",{\"href\":\"/notes/javascript/js-generators\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":80}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Generators\"}]]}]\n72:[\"$\",\"$L2a\",\"js-math\",{\"href\":\"/notes/javascript/js-math\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":81}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Math\"}]]}]\n73:[\"$\",\"$L2a\",\"js-math-random\",{\"href\":\"/notes/javascript/js-math-random\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":82}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Math Random\"}]]}]\n74:[\"$\",\"$L2a\",\"js-regexp\",{\"href\":\"/notes/javascript/js-regexp\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":83}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp\"}]]}]\n75:[\"$\",\"$L2a\",\"js-regexp-flags\",{\"href\":\"/notes/javascript/js-regexp-flags\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":84}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Flags\"}]]}]\n76:[\"$\",\"$L2a\",\"js-regexp-classes\",{\"href\":\"/notes/javascript/js-regexp-classes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":85}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Classes\"}]]}]\n77:[\"$\",\"$L2a\",\"js-regexp-metachars\",{\"href\":\"/notes/javascript/js-regexp-metachars\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":86}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Metachars\"}]]}]\n78:[\"$\",\"$L2a\",\"js-regexp-assertions\",{\"href\":\"/notes/javascript/js-regexp-assertions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":87}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Assertions\"}]]}]\n79:[\"$\",\"$L2a\",\"js-regexp-groups\",{\"href\":\"/notes/javascript/js-regexp-groups\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":88}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Groups\"}]]}]\n7a:[\"$\",\"$L2a\",\"js-regexp-quantifiers\",{\"href\":\"/notes/javascript/js-regexp-quantifiers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":89}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Qu"])</script><script>self.__next_f.push([1,"antifiers\"}]]}]\n7b:[\"$\",\"$L2a\",\"js-regexp-patterns\",{\"href\":\"/notes/javascript/js-regexp-patterns\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":90}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Patterns\"}]]}]\n7c:[\"$\",\"$L2a\",\"js-regexp-objects\",{\"href\":\"/notes/javascript/js-regexp-objects\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":91}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Objects\"}]]}]\n7d:[\"$\",\"$L2a\",\"js-regexp-methods\",{\"href\":\"/notes/javascript/js-regexp-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":92}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS RegExp Methods\"}]]}]\n7e:[\"$\",\"$L2a\",\"js-data-types\",{\"href\":\"/notes/javascript/js-data-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":93}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Data Types\"}]]}]\n7f:[\"$\",\"$L2a\",\"js-primitive-data\",{\"href\":\"/notes/javascript/js-primitive-data\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":94}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Primitive Data\"}]]}]\n80:[\"$\",\"$L2a\",\"js-object-types\",{\"href\":\"/notes/javascript/js-object-types\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":95}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Object Types\"}]]}]\n81:[\"$\",\"$L2a\",\"js-symbols\",{\"href\":\"/notes/javascript/js-symbols\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":96}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Symbols\"}]]}]\n82:[\"$\",\"$L2a\",\"js-typeof\",{\"href\":\"/notes/javascript/js-typeof\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":97}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS typeof\"}]]}]\n83:[\"$\",\"$L2a\",\"js-undefined\",{\"href\":\"/notes/javascript/js-undefined\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":98}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS undefined\"}]]}]\n84:[\"$\",\"$L2a\",\"js-nan\",{\"href\":\"/notes/javascript/js-nan\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":99}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS NaN\"}]]}]\n85:[\"$\",\"$L2a\",\"js-tostring\",{\"href\":\"/notes/javascript/js-tostring\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":100}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS toString()\"}]]}]\n86:[\"$\",\"$L2a\",\"js-tolocalestring\",{\"href\":\"/notes/javascript/js-tolocalestring\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":101}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS toLocaleString()\"}]]}]\n87:[\"$\",\"$L2a\",\"js-type-coercion\",{\"href\":\"/notes/javascript/js-type-coercion\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":102}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Type Coercion\"}]]}]\n88:[\"$\",\"$L2a\",\"js-type-conversion\",{\"href\":\"/notes/javascript/js-type-conversion\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":103}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Type Conversion\"}]]}]\n89:[\"$\",\"$L2a\",\"js-destructuring\",{\"href\":\"/notes/javascript/js-destructuring\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":104}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Destructuring\"}]]}]\n8a:[\"$\",\"$L2a\",\"js-errors\",{\"href\":\"/notes/javascript/js-errors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":105}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Errors\"}]]}]\n8b:[\"$\",\"$L2a\",\"js-errors-silent\",{\"href\":\"/notes/javascript/js-errors-silent\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":106}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Errors Silent\"}]]}]\n8c:[\"$\",\""])</script><script>self.__next_f.push([1,"$L2a\",\"js-error-statements\",{\"href\":\"/notes/javascript/js-error-statements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":107}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Error Statements\"}]]}]\n8d:[\"$\",\"$L2a\",\"js-error-object\",{\"href\":\"/notes/javascript/js-error-object\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":108}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Error Object\"}]]}]\n8e:[\"$\",\"$L2a\",\"js-debugging\",{\"href\":\"/notes/javascript/js-debugging\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":109}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Debugging\"}]]}]\n8f:[\"$\",\"$L2a\",\"debug-console\",{\"href\":\"/notes/javascript/debug-console\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":110}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Debug Console\"}]]}]\n90:[\"$\",\"$L2a\",\"debug-breakpoints\",{\"href\":\"/notes/javascript/debug-breakpoints\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":111}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Debug Breakpoints\"}]]}]\n91:[\"$\",\"$L2a\",\"debug-errors\",{\"href\":\"/notes/javascript/debug-errors\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":112}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Debug Errors\"}]]}]\n92:[\"$\",\"$L2a\",\"debug-async\",{\"href\":\"/notes/javascript/debug-async\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":113}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Debug Async\"}]]}]\n93:[\"$\",\"$L2a\",\"js-style-guide\",{\"href\":\"/notes/javascript/js-style-guide\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":114}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Style Guide\"}]]}]\n94:[\"$\",\"$L2a\",\"js-best-practices\",{\"href\":\"/notes/javascript/js-best-practices\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":115}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Best Practices\"}]]}]\n95:[\"$\",\"$L2a\",\"js-mistakes\",{\"href\":\"/notes/javascript/js-mistakes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":116}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Mistakes\"}]]}]\n96:[\"$\",\"$L2a\",\"js-performance\",{\"href\":\"/notes/javascript/js-performance\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":117}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Performance\"}]]}]\n97:[\"$\",\"$L2a\",\"js-projects-new\",{\"href\":\"/notes/javascript/js-projects-new\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":118}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Projects New\"}]]}]\n98:[\"$\",\"$L2a\",\"js-event-listener\",{\"href\":\"/notes/javascript/js-event-listener\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":119}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Event Listener\"}]]}]\n99:[\"$\",\"$L2a\",\"js-to-do-list\",{\"href\":\"/notes/javascript/js-to-do-list\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":120}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS To-Do List\"}]]}]\n9a:[\"$\",\"$L2a\",\"js-modal-popup\",{\"href\":\"/notes/javascript/js-modal-popup\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":121}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Modal Popup\"}]]}]\n9b:[\"$\",\"$L2a\",\"js-form-validation\",{\"href\":\"/notes/javascript/js-form-validation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":122}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Form Validation\"}]]}]\n9c:[\"$\",\"$L2a\",\"js-versions\",{\"href\":\"/notes/javascript/js-versions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":123}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Versions\"}]]}]\n9d:[\"$\",\"$"])</script><script>self.__next_f.push([1,"L2a\",\"js-2026\",{\"href\":\"/notes/javascript/js-2026\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":124}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2026\"}]]}]\n9e:[\"$\",\"$L2a\",\"js-2025\",{\"href\":\"/notes/javascript/js-2025\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":125}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2025\"}]]}]\n9f:[\"$\",\"$L2a\",\"js-2024\",{\"href\":\"/notes/javascript/js-2024\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":126}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2024\"}]]}]\na0:[\"$\",\"$L2a\",\"js-2023\",{\"href\":\"/notes/javascript/js-2023\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":127}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2023\"}]]}]\na1:[\"$\",\"$L2a\",\"js-2022\",{\"href\":\"/notes/javascript/js-2022\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":128}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2022\"}]]}]\na2:[\"$\",\"$L2a\",\"js-2021\",{\"href\":\"/notes/javascript/js-2021\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":129}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2021\"}]]}]\na3:[\"$\",\"$L2a\",\"js-2020\",{\"href\":\"/notes/javascript/js-2020\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":130}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2020\"}]]}]\na4:[\"$\",\"$L2a\",\"js-2019\",{\"href\":\"/notes/javascript/js-2019\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":131}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2019\"}]]}]\na5:[\"$\",\"$L2a\",\"js-2018\",{\"href\":\"/notes/javascript/js-2018\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":132}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2018\"}]]}]\na6:[\"$\",\"$L2a\",\"js-2017\",{\"href\":\"/notes/javascript/js-2017\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":133}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2017\"}]]}]\na7:[\"$\",\"$L2a\",\"js-2016\",{\"href\":\"/notes/javascript/js-2016\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":134}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2016\"}]]}]\na8:[\"$\",\"$L2a\",\"js-2015-es6\",{\"href\":\"/notes/javascript/js-2015-es6\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":135}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2015 (ES6)\"}]]}]\na9:[\"$\",\"$L2a\",\"js-2009-es5\",{\"href\":\"/notes/javascript/js-2009-es5\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":136}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 2009 (ES5)\"}]]}]\naa:[\"$\",\"$L2a\",\"js-1999-es3\",{\"href\":\"/notes/javascript/js-1999-es3\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":137}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS 1999 (ES3)\"}]]}]\nab:[\"$\",\"$L2a\",\"js-versions-2\",{\"href\":\"/notes/javascript/js-versions-2\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":138}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Versions\"}]]}]\nac:[\"$\",\"$L2a\",\"js-history\",{\"href\":\"/notes/javascript/js-history\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":139}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS History\"}]]}]\nad:[\"$\",\"$L2a\",\"js-html-dom\",{\"href\":\"/notes/javascript/js-html-dom\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":140}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS HTML DOM\"}]]}]\nae:[\"$\",\"$L2a\",\"html-dom-api\",{\"href\":\"/notes/javascript/html-dom-api\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":141}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML DOM API\"}]]}]\naf:[\"$\",\"$L2a\",\"selecting-elements\",{\"href\":\"/notes/javascript/selecti"])</script><script>self.__next_f.push([1,"ng-elements\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":142}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Selecting Elements\"}]]}]\nb0:[\"$\",\"$L2a\",\"changing-html\",{\"href\":\"/notes/javascript/changing-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":143}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Changing HTML\"}]]}]\nb1:[\"$\",\"$L2a\",\"changing-css\",{\"href\":\"/notes/javascript/changing-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":144}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Changing CSS\"}]]}]\nb2:[\"$\",\"$L2a\",\"form-validation\",{\"href\":\"/notes/javascript/form-validation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":145}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Form Validation\"}]]}]\nb3:[\"$\",\"$L2a\",\"dom-animations\",{\"href\":\"/notes/javascript/dom-animations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":146}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"DOM Animations\"}]]}]\nb4:[\"$\",\"$L2a\",\"js-html-events\",{\"href\":\"/notes/javascript/js-html-events\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":147}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS HTML Events\"}]]}]\nb5:[\"$\",\"$L2a\",\"mouse-events\",{\"href\":\"/notes/javascript/mouse-events\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":148}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Mouse Events\"}]]}]\nb6:[\"$\",\"$L2a\",\"keyboard-events\",{\"href\":\"/notes/javascript/keyboard-events\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":149}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Keyboard Events\"}]]}]\nb7:[\"$\",\"$L2a\",\"load-events\",{\"href\":\"/notes/javascript/load-events\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":150}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Load Events\"}]]}]\nb8:[\"$\",\"$L2a\",\"manage-events\",{\"href\":\"/notes/javascript/manage-events\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":151}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Manage Events\"}]]}]\nb9:[\"$\",\"$L2a\",\"event-examples\",{\"href\":\"/notes/javascript/event-examples\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":152}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Event Examples\"}]]}]\nba:[\"$\",\"$L2a\",\"event-listener\",{\"href\":\"/notes/javascript/event-listener\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":153}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Event Listener\"}]]}]\nbb:[\"$\",\"$L2a\",\"js-html-first\",{\"href\":\"/notes/javascript/js-html-first\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":154}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS HTML First\"}]]}]\nbc:[\"$\",\"$L2a\",\"html-progressive\",{\"href\":\"/notes/javascript/html-progressive\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":155}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML Progressive\"}]]}]\nbd:[\"$\",\"$L2a\",\"html-first-features\",{\"href\":\"/notes/javascript/html-first-features\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":156}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML First Features\"}]]}]\nbe:[\"$\",\"$L2a\",\"html-first-css\",{\"href\":\"/notes/javascript/html-first-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":157}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"HTML First CSS\"}]]}]\n"])</script><script>self.__next_f.push([1,"bf:[\"$\",\"div\",\"js-web-api\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"JS Web API\"}],[[\"$\",\"$L2a\",\"js-window-api\",{\"href\":\"/notes/javascript/js-window-api\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":158}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Window API\"}]]}],[\"$\",\"$L2a\",\"js-screen\",{\"href\":\"/notes/javascript/js-screen\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":159}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Screen\"}]]}],[\"$\",\"$L2a\",\"js-location\",{\"href\":\"/notes/javascript/js-location\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":160}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Location\"}]]}],[\"$\",\"$L2a\",\"js-window-history\",{\"href\":\"/notes/javascript/js-window-history\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":161}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS History\"}]]}],[\"$\",\"$L2a\",\"js-navigator\",{\"href\":\"/notes/javascript/js-navigator\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":162}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Navigator\"}]]}],[\"$\",\"$L2a\",\"js-popup-alert\",{\"href\":\"/notes/javascript/js-popup-alert\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":163}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Popup Alert\"}]]}],[\"$\",\"$L2a\",\"js-cookies\",{\"href\":\"/notes/javascript/js-cookies\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":164}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Cookies\"}]]}],[\"$\",\"$L2a\",\"js-fetch-api\",{\"href\":\"/notes/javascript/js-fetch-api\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":165}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Fetch API\"}]]}],[\"$\",\"$L2a\",\"js-json\",{\"href\":\"/notes/javascript/js-json\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":166}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS JSON\"}]]}],[\"$\",\"$L2a\",\"json-syntax\",{\"href\":\"/notes/javascript/json-syntax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":167}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON Syntax\"}]]}],[\"$\",\"$L2a\",\"json-values\",{\"href\":\"/notes/javascript/json-values\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":168}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON Values\"}]]}],[\"$\",\"$L2a\",\"json-parse\",{\"href\":\"/notes/javascript/json-parse\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":169}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON Parse\"}]]}],[\"$\",\"$L2a\",\"json-stringify\",{\"href\":\"/notes/javascript/json-stringify\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":170}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON Stringify\"}]]}],[\"$\",\"$L2a\",\"json-fetch\",{\"href\":\"/notes/javascript/json-fetch\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":171}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON Fetch\"}]]}],[\"$\",\"$L2a\",\"json-html\",{\"href\":\"/notes/javascript/json-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":172}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON HTML\"}]]}],[\"$\",\"$L2a\",\"json-vs-xml\",{\"href\":\"/notes/javascript/json-vs-xml\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":173}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JSON vs XML\"}]]}],[\"$\",\"$L2a\",\"js-web-api\",{\"href\":\"/notes/javascript/js-web-api\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":174}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Web API\"}]]}],[\"$\",\"$L2a\",\"api-geolocation\",{\"href\":\"/notes/javascript/api-geolocation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":175}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"API Geolocation\"}]]}],[\"$\",\"$L2a\",\"api-web-pointer\",{\"href\":\"/notes/javascript/api-web-pointer\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":176}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"API Web Pointer\"}]]}],[\"$\",\"$L2a\",\"api-web-storage\",{\"href\":\"/notes/javascript/api-web-storage\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":177}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"API Web Storage\"}]]}],[\"$\",\"$L2a\",\"api-validation\",{\"href\":\"/notes/javascript/api-validation\",\"className\":\"ts-item \",\"children\":[\"$Lc4\",\"$Lc5\"]}],\"$Lc6\"]]}]\n"])</script><script>self.__next_f.push([1,"c0:[\"$\",\"div\",\"js-advanced\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"JS Advanced\"}],[[\"$\",\"$L2a\",\"js-temporal-new\",{\"href\":\"/notes/javascript/js-temporal-new\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":180}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Temporal New\"}]]}],[\"$\",\"$L2a\",\"temporal-why\",{\"href\":\"/notes/javascript/temporal-why\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":181}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Why\"}]]}],[\"$\",\"$L2a\",\"temporal-vs-date\",{\"href\":\"/notes/javascript/temporal-vs-date\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":182}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal vs Date\"}]]}],[\"$\",\"$L2a\",\"temporal-duration\",{\"href\":\"/notes/javascript/temporal-duration\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":183}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Duration\"}]]}],[\"$\",\"$L2a\",\"temporal-instant\",{\"href\":\"/notes/javascript/temporal-instant\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":184}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Instant\"}]]}],[\"$\",\"$L2a\",\"temporal-plaindatetime\",{\"href\":\"/notes/javascript/temporal-plaindatetime\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":185}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal PlainDateTime\"}]]}],[\"$\",\"$L2a\",\"temporal-plaindate\",{\"href\":\"/notes/javascript/temporal-plaindate\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":186}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal PlainDate\"}]]}],[\"$\",\"$L2a\",\"temporal-plainyearm\",{\"href\":\"/notes/javascript/temporal-plainyearm\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":187}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal PlainYearM\"}]]}],[\"$\",\"$L2a\",\"temporal-plainmonthd\",{\"href\":\"/notes/javascript/temporal-plainmonthd\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":188}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal PlainMonthD\"}]]}],[\"$\",\"$L2a\",\"temporal-plaintime\",{\"href\":\"/notes/javascript/temporal-plaintime\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":189}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal PlainTime\"}]]}],[\"$\",\"$L2a\",\"temporal-zoneddate\",{\"href\":\"/notes/javascript/temporal-zoneddate\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":190}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal ZonedDate\"}]]}],[\"$\",\"$L2a\",\"temporal-now\",{\"href\":\"/notes/javascript/temporal-now\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":191}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Now\"}]]}],[\"$\",\"$L2a\",\"temporal-arithmetic\",{\"href\":\"/notes/javascript/temporal-arithmetic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":192}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Arithmetic\"}]]}],[\"$\",\"$L2a\",\"temporal-sinceuntil\",{\"href\":\"/notes/javascript/temporal-sinceuntil\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":193}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Since/Until\"}]]}],[\"$\",\"$L2a\",\"temporal-compare\",{\"href\":\"/notes/javascript/temporal-compare\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":194}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Compare\"}]]}],[\"$\",\"$L2a\",\"temporal-conversion\",{\"href\":\"/notes/javascript/temporal-conversion\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":195}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Conversion\"}]]}],[\"$\",\"$L2a\",\"temporal-formats\",{\"href\":\"/notes/javascript/temporal-formats\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":196}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Formats\"}]]}],[\"$\",\"$L2a\",\"temporal-mistakes\",{\"href\":\"/notes/javascript/temporal-mistakes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":197}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Mistakes\"}]]}],[\"$\",\"$L2a\",\"temporal-migrate\",{\"href\":\"/notes/javascript/temporal-migrate\",\"className\":\"ts-item \",\"children\":[\"$Lc7\",\"$Lc8\"]}],\"$Lc9\",\"$Lca\",\"$Lcb\",\"$Lcc\",\"$Lcd\",\"$Lce\",\"$Lcf\",\"$Ld0\",\"$Ld1\",\"$Ld2\",\"$Ld3\",\"$Ld4\",\"$Ld5\",\"$Ld6\",\"$Ld7\",\"$Ld8\",\"$Ld9\",\"$Lda\",\"$Ldb\",\"$Ldc\",\"$Ldd\",\"$Lde\",\"$Ldf\",\"$Le0\",\"$Le1\",\"$Le2\",\"$Le3\",\"$Le4\",\"$Le5\",\"$Le6\",\"$Le7\",\"$Le8\",\"$Le9\",\"$Lea\",\"$Leb\",\"$Lec\",\"$Led\",\"$Lee\",\"$Lef\",\"$Lf0\",\"$Lf1\",\"$Lf2\",\"$Lf3\",\"$Lf4\",\"$Lf5\",\"$Lf6\",\"$Lf7\",\"$Lf8\",\"$Lf9\",\"$Lfa\",\"$Lfb\",\"$Lfc\",\"$Lfd\",\"$Lfe\",\"$Lff\",\"$L100\"]]}]\n"])</script><script>self.__next_f.push([1,"c1:[\"$\",\"div\",\"old-technologies\",{\"className\":\"ts-group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"ts-group-label\",\"children\":\"Old Technologies\"}],[[\"$\",\"$L2a\",\"js-ajax\",{\"href\":\"/notes/javascript/js-ajax\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":255}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS AJAX\"}]]}],[\"$\",\"$L2a\",\"ajax-xmlhttp\",{\"href\":\"/notes/javascript/ajax-xmlhttp\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":256}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX XMLHttp\"}]]}],[\"$\",\"$L2a\",\"ajax-request\",{\"href\":\"/notes/javascript/ajax-request\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":257}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX Request\"}]]}],[\"$\",\"$L2a\",\"ajax-response\",{\"href\":\"/notes/javascript/ajax-response\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":258}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX Response\"}]]}],[\"$\",\"$L2a\",\"ajax-xml-file\",{\"href\":\"/notes/javascript/ajax-xml-file\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":259}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX XML File\"}]]}],[\"$\",\"$L2a\",\"ajax-php\",{\"href\":\"/notes/javascript/ajax-php\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":260}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX PHP\"}]]}],[\"$\",\"$L2a\",\"ajax-asp\",{\"href\":\"/notes/javascript/ajax-asp\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":261}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX ASP\"}]]}],[\"$\",\"$L2a\",\"ajax-database\",{\"href\":\"/notes/javascript/ajax-database\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":262}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX Database\"}]]}],[\"$\",\"$L2a\",\"ajax-applications\",{\"href\":\"/notes/javascript/ajax-applications\",\"className\":\"ts-item active\",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":263}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX Applications\"}]]}],[\"$\",\"$L2a\",\"ajax-examples\",{\"href\":\"/notes/javascript/ajax-examples\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":264}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"AJAX Examples\"}]]}],[\"$\",\"$L2a\",\"js-jquery\",{\"href\":\"/notes/javascript/js-jquery\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":265}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS jQuery\"}]]}],[\"$\",\"$L2a\",\"jquery-html\",{\"href\":\"/notes/javascript/jquery-html\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":266}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"jQuery HTML\"}]]}],[\"$\",\"$L2a\",\"jquery-css\",{\"href\":\"/notes/javascript/jquery-css\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":267}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"jQuery CSS\"}]]}],[\"$\",\"$L2a\",\"jquery-dom\",{\"href\":\"/notes/javascript/jquery-dom\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":268}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"jQuery DOM\"}]]}],[\"$\",\"$L2a\",\"js-jsonp\",{\"href\":\"/notes/javascript/js-jsonp\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":269}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS JSONP\"}]]}]]]}]\n"])</script><script>self.__next_f.push([1,"c4:[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":178}]\nc5:[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"API Validation\"}]\nc6:[\"$\",\"$L2a\",\"api-web-worker\",{\"href\":\"/notes/javascript/api-web-worker\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":179}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"API Web Worker\"}]]}]\nc7:[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":198}]\nc8:[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Migrate\"}]\nc9:[\"$\",\"$L2a\",\"temporal-standards\",{\"href\":\"/notes/javascript/temporal-standards\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":199}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Temporal Standards\"}]]}]\nca:[\"$\",\"$L2a\",\"js-function-advanced\",{\"href\":\"/notes/javascript/js-function-advanced\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":200}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Functions\"}]]}]\ncb:[\"$\",\"$L2a\",\"function-definitions\",{\"href\":\"/notes/javascript/function-definitions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":201}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Definitions\"}]]}]\ncc:[\"$\",\"$L2a\",\"function-callbacks\",{\"href\":\"/notes/javascript/function-callbacks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":202}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Callbacks\"}]]}]\ncd:[\"$\",\"$L2a\",\"function-this\",{\"href\":\"/notes/javascript/function-this\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":203}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function this\"}]]}]\nce:[\"$\",\"$L2a\",\"function-call\",{\"href\":\"/notes/javascript/function-call\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":204}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Call\"}]]}]\ncf:[\"$\",\"$L2a\",\"function-apply\",{\"href\":\"/notes/javascript/function-apply\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":205}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Apply\"}]]}]\nd0:[\"$\",\"$L2a\",\"function-bind\",{\"href\":\"/notes/javascript/function-bind\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":206}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Bind\"}]]}]\nd1:[\"$\",\"$L2a\",\"function-iife\",{\"href\":\"/notes/javascript/function-iife\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":207}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function IIFE\"}]]}]\nd2:[\"$\",\"$L2a\",\"function-closures\",{\"href\":\"/notes/javascript/function-closures\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":208}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Function Closures\"}]]}]\nd3:[\"$\",\"$L2a\",\"js-object-advanced\",{\"href\":\"/notes/javascript/js-object-advanced\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":209}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Objects\"}]]}]\nd4:[\"$\",\"$L2a\",\"object-definitions\",{\"href\":\"/notes/javascript/object-definitions\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":210}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Definitions\"}]]}]\nd5:[\"$\",\"$L2a\",\"js-this\",{\"href\":\"/notes/javascript/js-this\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":211}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object this\"}]]}]\nd6:[\"$\",\"$L2a\",\"object-iterations\",{\"href\":\"/notes/javascript/object-iterations\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":212}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Iterations\"}]]}]\nd7:[\"$\",\"$L2a\",\"object-get-set\",{\"href\":\"/notes/javascript/object-get-set\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":213}],[\"$\","])</script><script>self.__next_f.push([1,"\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Get / Set\"}]]}]\nd8:[\"$\",\"$L2a\",\"object-management\",{\"href\":\"/notes/javascript/object-management\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":214}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Management\"}]]}]\nd9:[\"$\",\"$L2a\",\"object-protection\",{\"href\":\"/notes/javascript/object-protection\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":215}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Protection\"}]]}]\nda:[\"$\",\"$L2a\",\"object-prototypes\",{\"href\":\"/notes/javascript/object-prototypes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":216}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Object Prototypes\"}]]}]\ndb:[\"$\",\"$L2a\",\"js-classes\",{\"href\":\"/notes/javascript/js-classes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":217}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Classes\"}]]}]\ndc:[\"$\",\"$L2a\",\"js-class-inheritance\",{\"href\":\"/notes/javascript/js-class-inheritance\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":218}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Class Inheritance\"}]]}]\ndd:[\"$\",\"$L2a\",\"js-class-static\",{\"href\":\"/notes/javascript/js-class-static\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":219}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Class Static\"}]]}]\nde:[\"$\",\"$L2a\",\"js-asynchronous\",{\"href\":\"/notes/javascript/js-asynchronous\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":220}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Asynchronous\"}]]}]\ndf:[\"$\",\"$L2a\",\"async-programming\",{\"href\":\"/notes/javascript/async-programming\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":221}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Programming\"}]]}]\ne0:[\"$\",\"$L2a\",\"async-callbacks\",{\"href\":\"/notes/javascript/async-callbacks\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":222}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Callbacks\"}]]}]\ne1:[\"$\",\"$L2a\",\"async-promises\",{\"href\":\"/notes/javascript/async-promises\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":223}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Promises\"}]]}]\ne2:[\"$\",\"$L2a\",\"async-await\",{\"href\":\"/notes/javascript/async-await\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":224}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Await\"}]]}]\ne3:[\"$\",\"$L2a\",\"async-parallel\",{\"href\":\"/notes/javascript/async-parallel\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":225}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Parallel\"}]]}]\ne4:[\"$\",\"$L2a\",\"async-event-loop\",{\"href\":\"/notes/javascript/async-event-loop\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":226}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Event Loop\"}]]}]\ne5:[\"$\",\"$L2a\",\"async-fetch-api\",{\"href\":\"/notes/javascript/async-fetch-api\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":227}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Fetch API\"}]]}]\ne6:[\"$\",\"$L2a\",\"async-mistakes\",{\"href\":\"/notes/javascript/async-mistakes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":228}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Mistakes\"}]]}]\ne7:[\"$\",\"$L2a\",\"async-debugging\",{\"href\":\"/notes/javascript/async-debugging\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":229}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Debugging\"}]]}]\ne8:[\"$\",\"$L2a\",\"async-abortcontrol\",{\"href\":\"/notes/javascript/async-abortcontrol\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",n"])</script><script>self.__next_f.push([1,"ull,{\"className\":\"ts-num\",\"children\":230}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async AbortControl\"}]]}]\ne9:[\"$\",\"$L2a\",\"async-web-workers\",{\"href\":\"/notes/javascript/async-web-workers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":231}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Async Web Workers\"}]]}]\nea:[\"$\",\"$L2a\",\"js-modules\",{\"href\":\"/notes/javascript/js-modules\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":232}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Modules\"}]]}]\neb:[\"$\",\"$L2a\",\"modules-export\",{\"href\":\"/notes/javascript/modules-export\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":233}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Modules Export\"}]]}]\nec:[\"$\",\"$L2a\",\"modules-import\",{\"href\":\"/notes/javascript/modules-import\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":234}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Modules Import\"}]]}]\ned:[\"$\",\"$L2a\",\"modules-namespace\",{\"href\":\"/notes/javascript/modules-namespace\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":235}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Modules Namespace\"}]]}]\nee:[\"$\",\"$L2a\",\"modules-dynamic\",{\"href\":\"/notes/javascript/modules-dynamic\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":236}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Modules Dynamic\"}]]}]\nef:[\"$\",\"$L2a\",\"js-meta-proxy\",{\"href\":\"/notes/javascript/js-meta-proxy\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":237}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Meta \u0026 Proxy\"}]]}]\nf0:[\"$\",\"$L2a\",\"meta-reflect\",{\"href\":\"/notes/javascript/meta-reflect\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":238}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Meta Reflect\"}]]}]\nf1:[\"$\",\"$L2a\",\"meta-proxy\",{\"href\":\"/notes/javascript/meta-proxy\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":239}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Meta Proxy\"}]]}]\nf2:[\"$\",\"$L2a\",\"js-typed-arrays\",{\"href\":\"/notes/javascript/js-typed-arrays\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":240}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Typed Arrays\"}]]}]\nf3:[\"$\",\"$L2a\",\"typed-methods\",{\"href\":\"/notes/javascript/typed-methods\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":241}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Typed Methods\"}]]}]\nf4:[\"$\",\"$L2a\",\"array-buffers\",{\"href\":\"/notes/javascript/array-buffers\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":242}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"Array Buffers\"}]]}]\nf5:[\"$\",\"$L2a\",\"dataviews\",{\"href\":\"/notes/javascript/dataviews\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":243}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"DataViews\"}]]}]\nf6:[\"$\",\"$L2a\",\"js-atomics\",{\"href\":\"/notes/javascript/js-atomics\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":244}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Atomics\"}]]}]\nf7:[\"$\",\"$L2a\",\"js-dom-navigation\",{\"href\":\"/notes/javascript/js-dom-navigation\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":245}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS DOM Navigation\"}]]}]\nf8:[\"$\",\"$L2a\",\"dom-nodes\",{\"href\":\"/notes/javascript/dom-nodes\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":246}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"DOM Nodes\"}]]}]\nf9:[\"$\",\"$L2a\",\"dom-collections\",{\"href\":\"/notes/javascript/dom-collections\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":247}],[\"$\",\"span\",n"])</script><script>self.__next_f.push([1,"ull,{\"className\":\"ts-title\",\"children\":\"DOM Collections\"}]]}]\nfa:[\"$\",\"$L2a\",\"dom-node-lists\",{\"href\":\"/notes/javascript/dom-node-lists\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":248}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"DOM Node Lists\"}]]}]\nfb:[\"$\",\"$L2a\",\"js-graphics\",{\"href\":\"/notes/javascript/js-graphics\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":249}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Graphics\"}]]}]\nfc:[\"$\",\"$L2a\",\"js-canvas\",{\"href\":\"/notes/javascript/js-canvas\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":250}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Canvas\"}]]}]\nfd:[\"$\",\"$L2a\",\"js-plotly\",{\"href\":\"/notes/javascript/js-plotly\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":251}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Plotly\"}]]}]\nfe:[\"$\",\"$L2a\",\"js-chartjs\",{\"href\":\"/notes/javascript/js-chartjs\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":252}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Chart.js\"}]]}]\nff:[\"$\",\"$L2a\",\"js-google-chart\",{\"href\":\"/notes/javascript/js-google-chart\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":253}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS Google Chart\"}]]}]\n100:[\"$\",\"$L2a\",\"js-d3js\",{\"href\":\"/notes/javascript/js-d3js\",\"className\":\"ts-item \",\"children\":[[\"$\",\"span\",null,{\"className\":\"ts-num\",\"children\":254}],[\"$\",\"span\",null,{\"className\":\"ts-title\",\"children\":\"JS D3.js\"}]]}]\n"])</script><script>self.__next_f.push([1,"25:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"101:I[27201,[\"/_next/static/chunks/0~zccwm3lhu_r.js\",\"/_next/static/chunks/030f0q-xfjisq.js\",\"/_next/static/chunks/12uw8ma0nvy72.js\",\"/_next/static/chunks/063f_5235lgpz.js\"],\"IconMark\"]\n22:null\n"])</script><script>self.__next_f.push([1,"27:[[\"$\",\"title\",\"0\",{\"children\":\"AJAX Applications – JAVASCRIPT Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"AJAX applications showcase real uses — live search, autocomplete, voting. They demonstrate the pattern's practical power.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://www.codingnowai.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"javascript ajax applications,ajax applications notes,ajax applications tutorial,ajax applications with examples,learn javascript\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"10\",{\"name\":\"geo.region\",\"content\":\"IN-DL\"}],[\"$\",\"meta\",\"11\",{\"name\":\"geo.placename\",\"content\":\"Pitampura, Delhi\"}],[\"$\",\"meta\",\"12\",{\"name\":\"geo.position\",\"content\":\"28.699913;77.1366043\"}],[\"$\",\"meta\",\"13\",{\"name\":\"ICBM\",\"content\":\"28.699913, 77.1366043\"}],[\"$\",\"link\",\"14\",{\"rel\":\"canonical\",\"href\":\"https://www.codingnowai.com/notes/javascript/ajax-applications/\"}],[\"$\",\"meta\",\"15\",{\"name\":\"format-detection\",\"content\":\"telephone=no, address=no, email=no\"}],[\"$\",\"meta\",\"16\",{\"name\":\"google-site-verification\",\"content\":\"F393WPQyD7LpOobyT3QAGfAuhUxWEkniflvikb81CjE\"}],[\"$\",\"meta\",\"17\",{\"name\":\"msvalidate01\",\"content\":\"08F1AAA96A9BAF5FD3981FFE4F93AE3D\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:title\",\"content\":\"AJAX Applications – JavaScript Notes | Coding Now Tech Institute\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:description\",\"content\":\"AJAX applications showcase real uses — live search, autocomplete, voting. They demonstrate the pattern's practical power.\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:url\",\"content\":\"https://www.codingnowai.com/notes/javascript/ajax-applications/\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:title\",\"content\":\"Coding Now Tech Institute\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:description\",\"content\":\"Learn AI, Data Science \u0026 Full Stack with real-world mentorship and placement support.\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image\",\"content\":\"https://www.codingnowai.com/images/og-image.png\"}],[\"$\",\"link\",\"26\",{\"rel\":\"shortcut icon\",\"href\":\"/images/icons/favicon.ico\"}],[\"$\",\"link\",\"27\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.0x3dzn~oxb6tn.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"28\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/images/icons/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-192x192.png\",\"sizes\":\"192x192\",\"type\":\"image/png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/images/icons/android-chrome-512x512.png\",\"sizes\":\"512x512\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"apple-touch-icon\",\"href\":\"/images/icons/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L101\",\"34\",{}]]\n"])</script></body></html>