{"id":53503,"date":"2019-10-29T13:32:08","date_gmt":"2019-10-29T12:32:08","guid":{"rendered":"https:\/\/www.humanlevel.com\/diccionario-marketing-digital\/ajax"},"modified":"2019-10-29T09:19:00","modified_gmt":"2019-10-29T08:19:00","slug":"ajax","status":"publish","type":"dicmarketing","link":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax","title":{"rendered":"AJAX"},"content":{"rendered":"<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">Index<\/p><ul class=\"toc_list\"><li><a href=\"#What_is_AJAX_for\">What is AJAX for?<\/a><\/li><li><a href=\"#Why_does_XML_appear_in_the_name\">Why does XML appear in the name?<\/a><\/li><li><a href=\"#How_are_AJAX_requests_made\">How are AJAX requests made?<\/a><\/li><li><a href=\"#Current_status_of_AJAX_technology\">Current status of AJAX technology<\/a><\/li><\/ul><\/div>\n<p>The term <strong>AJAX was coined in 2005 by UX designer Jesse James Garrett<\/strong> to describe an asynchronous request technology that was beginning to be used in services such as Google Maps and Gmail. Although ten years earlier, Microsoft had already created this technology under the name of <strong>Remote scripting <\/strong>with the first version of the JavaScript object <a href=\"https:\/\/www.w3.org\/TR\/XMLHttpRequest\/\" target=\"_blank\" rel=\"noopener noreferrer\">XMLHttpRequest<\/a> (abbreviated as XHR) in Internet Explorer 5, which was gradually adopted by the other browsers and finally <strong>included in the W3C recommendations in 2006<\/strong>.<\/p>\n<h2><span id=\"What_is_AJAX_for\">What is AJAX for?<\/span><\/h2>\n<p>The intention of this technology is to be able to make <strong>asynchronous requests to the server with JavaScript<\/strong>. They are <strong>asynchronous<\/strong> because neither the interface <strong>nor the execution of JavaScript is blocked once the request is launched<\/strong>. On the contrary, the web continues to run <strong>until the response<\/strong> from the server <strong>arrives<\/strong>, at which time the code responsible for the request <strong>regains control and performs some action with the information<\/strong> obtained.<\/p>\n<p>This action usually consists of updating parts of the page content. In this way, <strong>when only a part of the page is updated, an entire reload is avoided<\/strong>, reducing the user&#8217;s waiting time and giving a sense of fluidity. The only way to achieve something similar so far was to use iframes and JavaScript, but it was slower because it forced you to load one page inside another.<\/p>\n<h2><span id=\"Why_does_XML_appear_in_the_name\">Why does XML appear in the name?<\/span><\/h2>\n<p><strong>AJAX<\/strong> is the acronym for <strong>Asynchronous<\/strong> <strong>JavaScript<\/strong> <strong>And<\/strong> <strong>XML<\/strong> because, initially, the information returned as a response was in <strong>XML<\/strong> format (acronym for <strong>eXtended<\/strong> <strong>Markup<\/strong> <strong>Language<\/strong>). However, this format soon fell into disuse and was replaced by the <strong>JSON <\/strong><strong>(JavaScript<\/strong> <strong>Object<\/strong> <strong>Notation<\/strong>) format, which is much more compact and has a faster transfer of information.<\/p>\n<h2><span id=\"How_are_AJAX_requests_made\">How are AJAX requests made?<\/span><\/h2>\n<p>AJAX requests are usually made using some form of <strong>REST API<\/strong> to pass to the server the information about the requested action, although nowadays it is also very common to use APIs that use <strong>Graph QL. <\/strong>This API also allows database queries to be performed in the request itself.<\/p>\n<h2><span id=\"Current_status_of_AJAX_technology\">Current status of AJAX technology<\/span><\/h2>\n<p><strong>The XMLHttpRequest object specification continues to evolve,<\/strong> as can be seen in the <a href=\"https:\/\/xhr.spec.whatwg.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WhatWG<\/a>, currently allowing cross-domain requests, sending binary information, knowing how much has been downloaded to display a loading bar, etc.<\/p>\n<p>There is another API more modern than XMLHttpRequest for making asynchronous requests, called <a href=\"https:\/\/fetch.spec.whatwg.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">API fetch<\/a>, so it is common to use indistinctly the expressions <strong>AJAX request<\/strong> or <strong>fetch request<\/strong> for this type of requests. This new API is easier to use, but at the moment it does not allow you to do as many things as the veteran XMLHttpRequest.<\/p>\n<figure id=\"attachment_35505\" aria-describedby=\"caption-attachment-35505\" style=\"width: 412px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-35505\" src=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-request.png\" alt=\"AJAX Request\" width=\"412\" height=\"239\" \/><figcaption id=\"caption-attachment-35505\" class=\"wp-caption-text\">In Google Chrome developer tools, AJAX requests appear under the <strong>XHR<\/strong> tab, where we can see differentiated requests made with the XHR object and the fetch API. We also have the <strong>WS<\/strong> tab, to see the requests made with Web Sockets.<\/figcaption><\/figure>\n<p>Another technology that allows the <strong>asynchronous sending of information is Web Sockets<\/strong>, but in this case the <strong>communication is bidirectional <\/strong>. So, unlike with XHR or the fetch API, <strong>the server can send information to the client<\/strong>, forcing it to update itself, without the client having asked for anything. Although there are ways to implement this capability with XHR, which is known as <strong>Comet, AJAX Push or Reverse AJAX<\/strong>.<\/p>\n<p><strong>AJAX is the basis for the operation of SPA<\/strong> (Single Page Application) <strong>web applications<\/strong>, where, once the user lands on the application, there is never a full page reload.<\/p>\n<p>If AJAX and especially SPAs are not implemented correctly, <strong>indexability problems<\/strong> can <strong>arise that will seriously affect SEO<\/strong>.<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>IndexWhat is AJAX for?Why does XML appear in the name?How are AJAX requests made?Current status of AJAX technology The term AJAX was coined in 2005 by UX designer Jesse James Garrett to describe an asynchronous request technology that was beginning to be used in services such as Google Maps and Gmail. Although ten years earlier, [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":48119,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"letra":[382],"area":[410],"class_list":["post-53503","dicmarketing","type-dicmarketing","status-publish","format-standard","has-post-thumbnail","hentry","letra-a","area-web-development","entry"],"yoast_head":"\n<title>What is AJAX? | Human Level<\/title>\n<meta name=\"description\" content=\"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is AJAX? | Human Level\" \/>\n<meta property=\"og:description\" content=\"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\" \/>\n<meta property=\"og:site_name\" content=\"Human Level\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@humanlevel\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\"},\"author\":{\"name\":\"Ram\u00f3n Saquete\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94\"},\"headline\":\"AJAX\",\"datePublished\":\"2019-10-29T12:32:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\"},\"wordCount\":663,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#organization\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#respond\"]}]},{\"@type\":[\"WebPage\",\"ItemPage\"],\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\",\"url\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\",\"name\":\"What is AJAX? | Human Level\",\"isPartOf\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png\",\"datePublished\":\"2019-10-29T12:32:08+00:00\",\"description\":\"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage\",\"url\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png\",\"contentUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.humanlevel.com\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"AJAX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.humanlevel.com\/en#website\",\"url\":\"https:\/\/www.humanlevel.com\/en\",\"name\":\"Human Level\",\"description\":\"Web positioning and online marketing consultant Human Level\",\"publisher\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.humanlevel.com\/en?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.humanlevel.com\/en#organization\",\"name\":\"Human Level\",\"url\":\"https:\/\/www.humanlevel.com\/en\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg\",\"contentUrl\":\"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg\",\"width\":268,\"height\":51,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/humanlevel\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94\",\"name\":\"Ram\u00f3n Saquete\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.humanlevel.com\/en#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7a50f1a1974393853ee4f2423c9009f813cb107d3e7e20cf17cf8e86d407132e?s=96&d=simple_local_avatar&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7a50f1a1974393853ee4f2423c9009f813cb107d3e7e20cf17cf8e86d407132e?s=96&d=simple_local_avatar&r=g\",\"caption\":\"Ram\u00f3n Saquete\"},\"description\":\"Desarrollador web y consultor SEO t\u00e9cnico en Human Level. Graduado en Ingenier\u00eda Inform\u00e1tica e Ingenier\u00eda T\u00e9cnica en Inform\u00e1tica de Sistemas. Tambi\u00e9n es T\u00e9cnico Superior en Desarrollo de Aplicaciones Inform\u00e1ticas y posteriormente obtuvo la Certificaci\u00f3n de Aptitud Pedag\u00f3gica. Experto en WPO e indexabilidad.\",\"sameAs\":[\"https:\/\/x.com\/Daiatron\"],\"url\":\"https:\/\/www.humanlevel.com\/en\/author\/ramon\"}]}<\/script>\n","yoast_head_json":{"title":"What is AJAX? | Human Level","description":"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax","og_locale":"en_US","og_type":"article","og_title":"What is AJAX? | Human Level","og_description":"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.","og_url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax","og_site_name":"Human Level","og_image":[{"width":400,"height":400,"url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@humanlevel","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#article","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax"},"author":{"name":"Ram\u00f3n Saquete","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94"},"headline":"AJAX","datePublished":"2019-10-29T12:32:08+00:00","mainEntityOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax"},"wordCount":663,"commentCount":0,"publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#respond"]}]},{"@type":["WebPage","ItemPage"],"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax","url":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax","name":"What is AJAX? | Human Level","isPartOf":{"@id":"https:\/\/www.humanlevel.com\/en#website"},"primaryImageOfPage":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage"},"image":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage"},"thumbnailUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png","datePublished":"2019-10-29T12:32:08+00:00","description":"AJAX is a technology used to make asynchronous requests to the server with JavaScript. Learn more about AJAX in this post.","breadcrumb":{"@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#primaryimage","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/ajax-1.png","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/www.humanlevel.com\/en\/digital-marketing-dictionary\/ajax#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"AJAX"}]},{"@type":"WebSite","@id":"https:\/\/www.humanlevel.com\/en#website","url":"https:\/\/www.humanlevel.com\/en","name":"Human Level","description":"Web positioning and online marketing consultant Human Level","publisher":{"@id":"https:\/\/www.humanlevel.com\/en#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.humanlevel.com\/en?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.humanlevel.com\/en#organization","name":"Human Level","url":"https:\/\/www.humanlevel.com\/en","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logo-human-negro-1.jpg","width":268,"height":51,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/humanlevel"]},{"@type":"Person","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/11ad888926867985985a0210476bae94","name":"Ram\u00f3n Saquete","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.humanlevel.com\/en#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7a50f1a1974393853ee4f2423c9009f813cb107d3e7e20cf17cf8e86d407132e?s=96&d=simple_local_avatar&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7a50f1a1974393853ee4f2423c9009f813cb107d3e7e20cf17cf8e86d407132e?s=96&d=simple_local_avatar&r=g","caption":"Ram\u00f3n Saquete"},"description":"Desarrollador web y consultor SEO t\u00e9cnico en Human Level. Graduado en Ingenier\u00eda Inform\u00e1tica e Ingenier\u00eda T\u00e9cnica en Inform\u00e1tica de Sistemas. Tambi\u00e9n es T\u00e9cnico Superior en Desarrollo de Aplicaciones Inform\u00e1ticas y posteriormente obtuvo la Certificaci\u00f3n de Aptitud Pedag\u00f3gica. Experto en WPO e indexabilidad.","sameAs":["https:\/\/x.com\/Daiatron"],"url":"https:\/\/www.humanlevel.com\/en\/author\/ramon"}]}},"_links":{"self":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing"}],"about":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/types\/dicmarketing"}],"author":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/comments?post=53503"}],"version-history":[{"count":3,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53503\/revisions"}],"predecessor-version":[{"id":53515,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/dicmarketing\/53503\/revisions\/53515"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media\/48119"}],"wp:attachment":[{"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/media?parent=53503"}],"wp:term":[{"taxonomy":"letra","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/letra?post=53503"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/area?post=53503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}