{"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":"

The term 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 Remote scripting <\/strong>with the first version of the JavaScript object XMLHttpRequest<\/a> (abbreviated as XHR) in Internet Explorer 5, which was gradually adopted by the other browsers and finally included in the W3C recommendations in 2006<\/strong>.<\/p>\n

What is AJAX for?<\/h2>\n

The intention of this technology is to be able to make asynchronous requests to the server with JavaScript<\/strong>. They are asynchronous<\/strong> because neither the interface nor the execution of JavaScript is blocked once the request is launched<\/strong>. On the contrary, the web continues to run until the response<\/strong> from the server arrives<\/strong>, at which time the code responsible for the request regains control and performs some action with the information<\/strong> obtained.<\/p>\n

This action usually consists of updating parts of the page content. In this way, when only a part of the page is updated, an entire reload is avoided<\/strong>, reducing the user’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

Why does XML appear in the name?<\/h2>\n

AJAX<\/strong> is the acronym for Asynchronous<\/strong> JavaScript<\/strong> And<\/strong> XML<\/strong> because, initially, the information returned as a response was in XML<\/strong> format (acronym for eXtended<\/strong> Markup<\/strong> Language<\/strong>). However, this format soon fell into disuse and was replaced by the JSON <\/strong>(JavaScript<\/strong> Object<\/strong> Notation<\/strong>) format, which is much more compact and has a faster transfer of information.<\/p>\n

How are AJAX requests made?<\/h2>\n

AJAX requests are usually made using some form of 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 Graph QL. <\/strong>This API also allows database queries to be performed in the request itself.<\/p>\n

Current status of AJAX technology<\/h2>\n

The XMLHttpRequest object specification continues to evolve,<\/strong> as can be seen in the WhatWG<\/a>, currently allowing cross-domain requests, sending binary information, knowing how much has been downloaded to display a loading bar, etc.<\/p>\n

There is another API more modern than XMLHttpRequest for making asynchronous requests, called API fetch<\/a>, so it is common to use indistinctly the expressions AJAX request<\/strong> or 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

\"AJAX
In Google Chrome developer tools, AJAX requests appear under the XHR<\/strong> tab, where we can see differentiated requests made with the XHR object and the fetch API. We also have the WS<\/strong> tab, to see the requests made with Web Sockets.<\/figcaption><\/figure>\n

Another technology that allows the asynchronous sending of information is Web Sockets<\/strong>, but in this case the communication is bidirectional <\/strong>. So, unlike with XHR or the fetch API, 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 Comet, AJAX Push or Reverse AJAX<\/strong>.<\/p>\n

AJAX is the basis for the operation of SPA<\/strong> (Single Page Application) web applications<\/strong>, where, once the user lands on the application, there is never a full page reload.<\/p>\n

If AJAX and especially SPAs are not implemented correctly, indexability problems<\/strong> can arise that will seriously affect SEO<\/strong>.<\/p>\n\n

\n
\n

Tu marca, visible y encontrable<\/p>\n\n\n\n

Est\u00e1s a un paso de dominar tu categor\u00eda online<\/p>\n\n\n\nStart now<\/a>\n<\/div>\n\n\n\n\"\"\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"

The term AJAX was coined in 2005 by UX designer Jesse James Garrett to describe an asynchronous request…<\/p>\n","protected":false},"author":14,"featured_media":48119,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"area":[410],"letra":[382],"class_list":["post-53503","dicmarketing","type-dicmarketing","status-publish","format-standard","has-post-thumbnail","hentry","area-web-development","letra-a"],"acf":[],"yoast_head":"\nWhat 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: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\":\"Inicio\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Development\",\"item\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/digital-marketing-glossary\\\/web-development\"},{\"@type\":\"ListItem\",\"position\":3,\"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\\\/logohl25x3.png\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/logohl25x3.png\",\"width\":600,\"height\":93,\"caption\":\"Human Level\"},\"image\":{\"@id\":\"https:\\\/\\\/www.humanlevel.com\\\/en#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/human-level-communications\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/humanlevelcommunica\",\"https:\\\/\\\/bsky.app\\\/profile\\\/humanlevel.bsky.social\",\"https:\\\/\\\/instagram.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\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/www.humanlevel.com\\\/wp-content\\\/uploads\\\/1x1-ramon-saquete-26-96x96.jpg\",\"caption\":\"Ram\u00f3n Saquete\"},\"description\":\"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.\",\"sameAs\":[\"https:\\\/\\\/es.linkedin.com\\\/in\\\/ramonsaquete\",\"https:\\\/\\\/x.com\\\/daiatron\"],\"url\":\"https:\\\/\\\/www.humanlevel.com\\\/en\\\/author\\\/ramon\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","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_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":"Inicio","item":"https:\/\/www.humanlevel.com\/en"},{"@type":"ListItem","position":2,"name":"Web Development","item":"https:\/\/www.humanlevel.com\/en\/digital-marketing-glossary\/web-development"},{"@type":"ListItem","position":3,"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\/logohl25x3.png","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/logohl25x3.png","width":600,"height":93,"caption":"Human Level"},"image":{"@id":"https:\/\/www.humanlevel.com\/en#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/human-level-communications","https:\/\/www.youtube.com\/user\/humanlevelcommunica","https:\/\/bsky.app\/profile\/humanlevel.bsky.social","https:\/\/instagram.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\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","url":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","contentUrl":"https:\/\/www.humanlevel.com\/wp-content\/uploads\/1x1-ramon-saquete-26-96x96.jpg","caption":"Ram\u00f3n Saquete"},"description":"Web Developer and Technical SEO Consultant at Human Level. He holds degrees in Computer Engineering and Technical Engineering in Computer Systems. He also earned a Higher Vocational Degree in Computer Applications Development and later obtained the Certificate of Pedagogical Aptitude (CAP). He is an expert in WPO and indexability.","sameAs":["https:\/\/es.linkedin.com\/in\/ramonsaquete","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":"area","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/area?post=53503"},{"taxonomy":"letra","embeddable":true,"href":"https:\/\/www.humanlevel.com\/en\/wp-json\/wp\/v2\/letra?post=53503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}