Table of Contents
This updated guide examines Xmlhttp: How to Program in Ajax and organizes the essential facts, background, and practical takeaways in clear American English.
Method 1
Coding
Prepare a picture for writing an Ajax program. Save the picture in the same folder where you will save your html and text files displaying the Ajax program. In this article, 'ProgramInAjax' directory is set up inside the 'wamp' folder under the 'www' directory where you installed WampServer.
Open any text editor. Notepad++ is used as the text editor in this article.
Create a new file in the text editor. Type the following:
Oh oh! Where did the yellow flower go?
You may type whatever you want inside the html tag
here.
Save the file as a text document with the name of 'ajax-data.txt.' Actually, you can name the file whatever you want but make sure you enter the same file name to the coding in this line:
xmlhttp.open("GET","ajax-data.txt",true);However, the HTML tag
is used for the header so that it looks bigger and more invisible.
Create a new file for a webpage. This file is for an HTML file to view the Ajax program in a Web browser.
Copy the following code:
My First Ajax Program by Metitle></head></pre> </li> <li id="step-id-114"><strong>More Explanation.</strong> The most important thing of Ajax is the XMLHttpRequest object. It is used to exchange data with the server and all modern browsers support the object. <ul> <li>The syntax to create an XMLHttpRequest() object is<tt>variable=new XMLHttpRequest();</tt>but at the same time the syntax to create old versions of Internet Explorer (IE5 and IE6) that uses an ActiveX object is<tt>variable=new ActiveXObject("Microsoft. XMLHTTP");</tt>.</li> <li>to handle all the modern browsers, it needs to check if the browsers support the XMLHttpRequest object. If it does, it creates an XMLHttpRequest object. If one does not, it will create an ActiveX object for it.</li> <li>Then it will send a request to the server. The method of the XMLHttpRequest object called 'open()' and 'send()' will be used.<tt>xmlhttp.open("GET","ajax_info.txt",true); xmlhttp.send();</tt>.</li> </ul> </li> </ol> <section class="faq"> <h2 id="faq">FAQ</h2> <h3 id="what-is-xmlhttp-how-to-program-in-ajax-about">What is Xmlhttp: How to Program in Ajax about?</h3> <p>It provides a structured overview of xmlhttp, explains the main context, and highlights practical takeaways for readers.</p> <h3 id="why-does-this-topic-matter">Why does this topic matter?</h3> <p>Understanding the main concepts helps readers evaluate the issue, avoid common mistakes, and make better-informed decisions.</p> <h3 id="how-should-readers-use-this-information">How should readers use this information?</h3> <p>Use the guidance as a practical starting point, confirm details that may have changed, and follow current product, safety, or security recommendations.</p> </section></div> <nav class="article-pagination" aria-label="Article navigation"> <a class="article-page-link article-page-prev" href="https://tipsmake.com/how-to-learn-web-design" rel="prev"><span class="article-page-label"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m15 18-6-6 6-6"></path></svg>Previous article</span><strong>HTML: How to Learn Web Design</strong></a><a class="article-page-link article-page-next" href="https://tipsmake.com/how-to-create-and-deploy-a-java-web-app-to-google-app-engine" rel="next"><span class="article-page-label">Next article<svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></span><strong>How to Create and Deploy a Java Web App to Google App Engine</strong></a></nav> <section class="comments-section" id="comments" data-comments data-article="41732" aria-labelledby="comments-title"> <div class="comments-heading"> <div> <span class="eyebrow">Discussion</span> <h2 id="comments-title">Reader Comments <span class="comment-count" data-comment-count>0</span></h2> </div> <button type="button" class="btn" data-open-auth>Sign In to Comment</button> </div> <div class="comment-member" data-comment-member hidden><span>Signed in as: <strong data-user-name></strong></span><button type="button" class="text-button" data-logout>Sign Out</button></div> <div class="comment-guest" data-comment-guest><p>Sign in with email or Google to join the discussion.</p></div> <form id="comment-form" class="comment-form" hidden><label for="comment-body">Comment</label><textarea id="comment-body" name="body" minlength="5" maxlength="2000" required placeholder="Share your thoughts…"></textarea><input type="text" class="honeypot" name="website" tabindex="-1" autocomplete="off" aria-hidden="true"><div class="comment-form-footer"><small>Maximum 2,000 characters</small><button class="btn" type="submit">Post Comment</button></div></form> <div class="comments-status" data-comments-status aria-live="polite"></div><div class="comments-empty" data-comments-empty hidden>No comments yet. Be the first to share your thoughts.</div><div class="comments-list" data-comments-list></div><button type="button" class="btn secondary load-comments" data-load-comments hidden>Load More Comments</button> </section><section class="related-section" aria-labelledby="related-title"> <div class="section-head"><h2 class="section-title" id="related-title">Related Articles</h2></div> <div class="related-grid"> <a class="related-card" href="/php-and-ajax"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/php--and--ajax_thumbs_200x120_LvsyimQUz.jpg" alt="PHP && AJAX"></span><strong>PHP && AJAX</strong><small>4 minutes read</small></a><a class="related-card" href="/10-things-it-professionals-need-to-know-about-ajax"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/10-things-it-professionals-need-to-know-about-ajax_thumbs_200x120_aBffwsevK.jpg" alt="10 Things IT Professionals Need to Know About Ajax"></span><strong>10 Things IT Professionals Need to Know About Ajax</strong><small>13 minutes read</small></a><a class="related-card" href="/ajax-the-magic-combination-of-web-technology"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/ajax-the-magic-combination-of-web-technology_thumbs_200x120_Rj1plKwzp.jpg" alt="AJAX - the Magic Combination of Web Technology"></span><strong>AJAX - the Magic Combination of Web Technology</strong><small>11 minutes read</small></a><a class="related-card" href="/ajax-in-angularjs"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/ajax-in-angularjs_thumbs_200x120_E7xwJdW8C.jpg" alt="Ajax in Angularjs: A Practical Guide"></span><strong>Ajax in Angularjs: A Practical Guide</strong><small>3 minutes read</small></a><a class="related-card" href="/jquery-ajax"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/jquery-ajax_thumbs_200x120_QQMQaEBqA.jpg" alt="Download Data Simply with Jquery: Jquery Ajax"></span><strong>Download Data Simply with Jquery: Jquery Ajax</strong><small>9 minutes read</small></a><a class="related-card" href="/ajax-programming-techniques"><span class="related-thumb blue"><img loading="lazy" decoding="async" src="/data/thumbs_200x120/ajax-programming-techniques_thumbs_200x120_tcbZm23Ry.png" alt="Server: Ajax Programming Techniques"></span><strong>Server: Ajax Programming Techniques</strong><small>13 minutes read</small></a></div> </section> </article> <aside class="sidebar"> <section class="widget"> <h2 class="widget-title">You might be interested</h2> <div class="trend-list"> <div class="trend-item"><a href="https://tipsmake.com/how-to-convert-a-doc-file-to-a-docx-file">How to Convert a Doc File to a Docx File: Step-by-Step Guide</a></div><div class="trend-item"><a href="https://tipsmake.com/how-to-download-microsoft-word">How to Download Microsoft Word: Step-by-Step Guide</a></div><div class="trend-item"><a href="https://tipsmake.com/how-to-insert-fillable-fields-on-word-on-pc-or-mac">How to Insert Fillable Fields on Word on PC or Mac</a></div><div class="trend-item"><a href="https://tipsmake.com/how-to-copy-and-paste-in-microsoft-word">How to Copy and Paste in Microsoft Word: Step-by-Step Guide</a></div><div class="trend-item"><a href="https://tipsmake.com/how-to-protect-a-pdf-file-from-copying">How to Protect a PDF File from Copying: Step-by-Step Guide</a></div><div class="trend-item"><a href="https://tipsmake.com/how-to-type-in-korean-on-a-computer">How to Type in Korean on a Computer: Step-by-Step Guide</a></div></div> </section> <section class="widget toc-box" data-toc> <h2 class="widget-title">In This Article</h2> <a href="#method-1">Method 1</a><a href="#oh-oh-where-did-the-yellow-flower-go">Oh oh! Where did the yellow flower go?</a><a href="# "> </a><a href="# "> </a><a href="#faq">FAQ</a><a href="#coding">Coding</a><a href="#what-is-xmlhttp-how-to-program-in-ajax-about">What is Xmlhttp: How to Program in Ajax about?</a><a href="#why-does-this-topic-matter">Why does this topic matter?</a><a href="#how-should-readers-use-this-information">How should readers use this information?</a><a href="#comments">Discussion</a> </section> </aside> </div> </div> </main> <footer class="site-footer"> <div class="container footer-grid"> <div class="footer-brand"> <a class="brand" href="/" aria-label="TipsMake"> <span class="footer-logo-text"> Tips<strong>Make</strong> </span> <span class="footer-logo-domain" aria-hidden="true">.com</span> </a> <p>Practical Technology Knowledge.</p> </div> <div class="footer-col"> <h2>Topics</h2> <a href="/c/technology/">Technology</a> <a href="/c/system/">System</a> <a href="/c/windows-11/">Windows 11</a> <a href="/c/artificial-intelligence/">AI</a> <a href="/c/security-solution/">Security</a> </div> <div class="footer-col"> <h2>Resources</h2> <a href="/utility-assets/">Utility Lab</a> <a href="/tools/">Free Tools</a> <a href="/learn/">Learning Library</a> </div> <div class="footer-col"> <h2>TipsMake</h2> <a href="/about.htm">About</a> <a href="/contact.htm">Contact</a> <a href="/terms.htm">Terms</a> <a href="/privacy.htm">Privacy</a> </div> </div> <div class="container footer-bottom"> <span>© <b id="year">2026</b> TipsMake.com</span> <span>All rights reserved.</span> </div> </footer><div class="search-panel" role="dialog" aria-modal="true" aria-label="Search"><div class="search-box"><button type="button" class="search-close" aria-label="Close">×</button><h2>Search TipsMake</h2><form action="/search.htm"><input id="site-search" class="search-input" name="keystips" type="search" placeholder="Windows, AI, security…" aria-label="Keywords"><button type="submit" class="btn">Search</button></form></div></div><div class="auth-modal" id="auth-modal" role="dialog" aria-modal="true" aria-labelledby="auth-title" hidden> <div class="auth-card"><button type="button" class="auth-close" data-close-auth aria-label="Close sign-in">×</button><h2 id="auth-title">Join the Discussion</h2><p class="auth-intro">Sign in to comment and follow the discussion.</p><div class="auth-tabs" role="tablist"><button type="button" class="active" role="tab" aria-selected="true" data-auth-tab="login" id="auth-login-tab">Sign In</button><button type="button" role="tab" aria-selected="false" data-auth-tab="register" id="auth-register-tab">Create Account</button></div> <div id="auth-login-panel" role="tabpanel" aria-labelledby="auth-login-tab" tabindex="0"> <form class="auth-form" data-auth-form="login" ><label>Email<input type="email" name="email" autocomplete="email" required></label><label>Password<input type="password" name="password" autocomplete="current-password" required></label><button class="btn" type="submit">Sign In</button></form></div> <div id="auth-register-panel" role="tabpanel" aria-labelledby="auth-register-tab" tabindex="0"> <form class="auth-form" data-auth-form="register" hidden><label>Display Name<input type="text" name="name" autocomplete="name" minlength="2" maxlength="60" required></label><label>Email<input type="email" name="email" autocomplete="email" required></label><label>Password<input type="password" name="password" autocomplete="new-password" minlength="8" maxlength="72" required></label><small>Password must contain at least 8 characters, including letters and numbers.</small><button class="btn" type="submit">Create Account</button></form></div> <div class="auth-divider"><span>or</span></div><div class="google-button" data-google-button></div><p class="google-note" data-google-note></p><div class="auth-status" data-auth-status aria-live="polite"></div><p class="auth-legal">By continuing, you agree to the <a href="terms.htm">Terms</a> and <a href="privacy.htm">Privacy Policy</a>.</p></div> </div><script src="/template/tech-nova/assets/comments.js" defer></script> </body> </html>