{"id":21,"date":"2010-05-16T16:06:18","date_gmt":"2010-05-16T10:36:18","guid":{"rendered":"http:\/\/naveenbalani.com\/?p=21"},"modified":"2016-09-17T11:04:01","modified_gmt":"2016-09-17T05:34:01","slug":"ajax-and-web-2-o-tutorial","status":"publish","type":"post","link":"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/","title":{"rendered":"AJAX and Web 2.O Tutorial"},"content":{"rendered":"<p>AJAX enables a dynamic, asynchronous Web experience without the need for page refreshes. It incorporates the following technologies:<\/p>\n<ul>\n<li>XHTML and CSS provide a standards-based presentation.<\/li>\n<li>Document Object Model (DOM) provides dynamic display and interaction.<\/li>\n<li>XML and XSLT provide data interchange and manipulation.<\/li>\n<li>XMLHttpRequest provides asynchronous data retrieval.<\/li>\n<li>JavaScript binds everything together.<\/li>\n<\/ul>\n<p>The core of AJAX technology is a JavaScript object: XMLHttpRequest. This object is supplied through browser implementations &#8212; first through Internet Explorer 5.0 and then through Mozilla-compatible browsers.<\/p>\n<p><strong>XMLHttpRequest<\/strong><\/p>\n<p>With XMLHttpRequest, you can use JavaScript to make a request to the server and process the response without blocking the user. As you create your Web site and use XMLHttpRequest to perform screen updates on the client&#8217;s browser without the need for refresh, it provides much flexibility and a rich user experience. Examples of XMLHttpRequest applications include Google&#8217;s Gmail service, Google&#8217;s Suggest dynamic lookup interface, and the MapQuest dynamic map<\/p>\n<p><a href=\"http:\/\/naveenbalani.com\/wp-content\/uploads\/2010\/06\/wa-ajax-pdf.pdf\" target=\"_blank\">Read the rest of the tutorial <\/a>on how to build a sample AJAX application.<\/p>\n<p>This article of mine was first published by IBM DeveloperWorks.All rights retained by IBM and the author.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AJAX enables a dynamic, asynchronous Web experience without the need for page refreshes. It incorporates the following technologies: XHTML and CSS provide a standards-based presentation. Document Object Model (DOM) provides dynamic display and interaction. XML and XSLT provide data interchange and manipulation. XMLHttpRequest provides asynchronous data retrieval. JavaScript binds everything together. The core of AJAX [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,9],"tags":[34,16,257],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.0.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>AJAX and Web 2.O Tutorial - Current and Future Technology Trends by Navveen Balani<\/title>\n<meta name=\"description\" content=\"AJAX and Web 2.O Tutorial -\" \/>\n<link rel=\"canonical\" href=\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"AJAX and Web 2.O Tutorial - Current and Future Technology Trends by Navveen Balani\" \/>\n<meta property=\"og:description\" content=\"AJAX and Web 2.O Tutorial -\" \/>\n<meta property=\"og:url\" content=\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\" \/>\n<meta property=\"og:site_name\" content=\"Current and Future Technology Trends by Navveen Balani\" \/>\n<meta property=\"article:published_time\" content=\"2010-05-16T10:36:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-09-17T05:34:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/navveenbalani.dev\/wp-content\/uploads\/2016\/09\/bk6.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"374\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data1\" content=\"1 minute\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/navveenbalani.dev\/#website\",\"url\":\"https:\/\/navveenbalani.dev\/\",\"name\":\"Current and Future Technology Trends by Navveen Balani\",\"description\":\"Current and Future Technology Trends by Navveen Balani\",\"publisher\":{\"@id\":\"https:\/\/navveenbalani.dev\/#\/schema\/person\/51f7ab14b20611d95e3c7fd4ea0950bf\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/navveenbalani.dev\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/navveenbalani.dev\/wp-content\/uploads\/2016\/09\/bk6.jpg\",\"width\":450,\"height\":374},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#webpage\",\"url\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\",\"name\":\"AJAX and Web 2.O Tutorial - Current and Future Technology Trends by Navveen Balani\",\"isPartOf\":{\"@id\":\"https:\/\/navveenbalani.dev\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#primaryimage\"},\"datePublished\":\"2010-05-16T10:36:18+00:00\",\"dateModified\":\"2016-09-17T05:34:01+00:00\",\"description\":\"AJAX and Web 2.O Tutorial -\",\"breadcrumb\":{\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/navveenbalani.dev\/\",\"url\":\"https:\/\/navveenbalani.dev\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\",\"url\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/\",\"name\":\"AJAX and Web 2.O Tutorial\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#webpage\"},\"author\":{\"@id\":\"https:\/\/navveenbalani.dev\/#\/schema\/person\/51f7ab14b20611d95e3c7fd4ea0950bf\"},\"headline\":\"AJAX and Web 2.O Tutorial\",\"datePublished\":\"2010-05-16T10:36:18+00:00\",\"dateModified\":\"2016-09-17T05:34:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#webpage\"},\"publisher\":{\"@id\":\"https:\/\/navveenbalani.dev\/#\/schema\/person\/51f7ab14b20611d95e3c7fd4ea0950bf\"},\"image\":{\"@id\":\"https:\/\/navveenbalani.dev\/index.php\/articles\/ajax-and-web-2-o-tutorial\/#primaryimage\"},\"keywords\":\"AJAX,tutorial,Web 2.0\",\"articleSection\":\"Articles,Web 2.0\",\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/navveenbalani.dev\/#\/schema\/person\/51f7ab14b20611d95e3c7fd4ea0950bf\",\"name\":\"Navveen\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/navveenbalani.dev\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/navveenbalani.dev\/wp-content\/uploads\/2019\/07\/navveen_balani.jpeg\",\"width\":200,\"height\":200,\"caption\":\"Navveen\"},\"logo\":{\"@id\":\"https:\/\/navveenbalani.dev\/#personlogo\"},\"sameAs\":[\"http:\/\/naveenbalani.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/posts\/21"}],"collection":[{"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":4,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/posts\/21\/revisions"}],"predecessor-version":[{"id":2201,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/posts\/21\/revisions\/2201"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/media\/2128"}],"wp:attachment":[{"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/navveenbalani.dev\/index.php\/wp-json\/wp\/v2\/tags?post=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}