{"id":6866,"date":"2017-06-09T14:36:24","date_gmt":"2017-06-09T14:36:24","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6866"},"modified":"2019-07-17T11:45:03","modified_gmt":"2019-07-17T11:45:03","slug":"ajax-vs-json-respuesta-multiple","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/","title":{"rendered":"Ajax vs Json – respuesta m\u00faltiple"},"content":{"rendered":"

Ajax<\/strong> son las siglas de Asynchronous JavaScript And XML<\/em> y es una tecnolog\u00eda que permite a una p\u00e1gina web actualizarse de forma din\u00e1mica sin\u00a0recargarse completamente.<\/p>\n

JavaScript<\/strong> es el encargado de comunicarse con el servidor enviando y recibiendo datos desde la p\u00e1gina web.<\/p>\n

En el servidor la solicitud es procesada mediante PHP<\/strong> y se env\u00eda una respuesta que es interpretada de nuevo por JavaScript<\/strong> en la p\u00e1gina web.<\/p>\n

JSON<\/strong> (JavaScript Object Notation<\/em>) surgi\u00f3 m\u00e1s tarde aportando m\u00e1s ligereza y con una notaci\u00f3n m\u00e1s simple convirti\u00e9ndose en el formato m\u00e1s utilizado para el intercambio de datos cu\u00e1ndo se trabaja con Ajax<\/strong>. Ver m\u00e1s informaci\u00f3n sobre JSON<\/a>.<\/p>\n

\"\"<\/a><\/p>\n

Una de las principales ventajas de utilizar JSON<\/strong> en las llamadas AJAX<\/strong> es que resulta muy sencillo pasar los datos de un array del servidor y utilizarlos en el\u00a0success<\/em> de la llamada. Esto lo entender\u00e1s mejor viendo el c\u00f3digo del ejemplo.<\/p>\n

En el ejemplo en funcionamiento que hemos preparado tenemos un selector de productos que al seleccionar uno te muestra alguna informaci\u00f3n del mismo en un contenedor que tenemos preparado.<\/p>\n

Partimos de un fichero principal en el que a\u00f1adiremos nuestra consulta a la base de datos y nuestro selector de productos en un formulario:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<form action="">\n    <label for="id_product">Producto<\/label>\n    <select id="id_product" class="form-control">\n        <option value="0">Selecciona producto...<\/option>\n        <?php<\/span>\n        require<\/span>(<\/span>'config.php'<\/span>)<\/span>;<\/span>\n \n        $result<\/span> =<\/span> $conexion<\/span>-><\/span>query<\/span>(<\/span>\n            "SELECT p.id_product, pl.name FROM `ps_product` p\n                LEFT JOIN product_lang pl ON (pl.id_product = p.id_product AND pl.id_lang = 1)\n                WHERE id_category_default != 18 AND id_category_default != 20\n                ORDER BY name ASC"<\/span>\n        )<\/span>;<\/span>\n        if<\/span> (<\/span>$result<\/span>-><\/span>num_rows<\/span> ><\/span> 0)<\/span> {<\/span>\n            while<\/span> (<\/span>$row<\/span> =<\/span> $result<\/span>-><\/span>fetch_assoc<\/span>(<\/span>)<\/span>)<\/span> {<\/span>                \n                echo<\/span> '<option value="'<\/span>.<\/span>$row<\/span>[<\/span>'id_product'<\/span>]<\/span>.<\/span>'">'<\/span>.<\/span>utf8_encode<\/span><\/a>(<\/span>$row<\/span>[<\/span>'name'<\/span>]<\/span>)<\/span>.<\/span>'<\/option>'<\/span>;<\/span>\n            }<\/span>\n        }<\/span>\n        ?><\/span> \n    <\/select>\n<\/form>\n<div class="result"><\/div><\/pre><\/div><\/div>\n
Revisando un poco el c\u00f3digo, te dar\u00e1s cuenta que tenemos un selector al cual le estamos a\u00f1adiendo opciones de una tabla de nuestra base de datos. Incluimos el archivo config.php<\/em> para conectar con nuestra base de datos y ejecutando una consulta que nos retornar\u00e1 varios registros, en este caso, productos que depositamos en las opciones de nuestro selector.<\/p>\n
El \u00faltimo contenedor o div con class=\u00bbresult\u00bb aunque te parezca extra\u00f1o que est\u00e9 vac\u00edo ser\u00e1 nuestro contenedor para a\u00f1adir el resultado.<\/p>\n
En la cabecera de este archivo o p\u00e1gina a\u00f1adiremos la librer\u00eda jQuery<\/strong> entre otras y la captura del evento que controla cuando cambia el valor de nuestro selector:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<<\/span>script><\/span>\n$(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span>\n    $(<\/span>'#id_product'<\/span>)<\/span>.on<\/span>(<\/span>'change'<\/span>,<\/span> function<\/span>(<\/span>)<\/span> {<\/span>\n        var<\/span> dataString =<\/span> 'id_product='<\/span>+<\/span>$(<\/span>'select#id_product'<\/span>)<\/span>.val<\/span>(<\/span>)<\/span>;<\/span>\n        $.ajax<\/span>(<\/span>{<\/span>\n            type:<\/span> "POST"<\/span>,<\/span>\n            url:<\/span> "ajax.php"<\/span>,<\/span>\n            data:<\/span> dataString,<\/span>\n            dataType:<\/span> "json"<\/span>,<\/span>\n            success:<\/span> function<\/span>(<\/span>response)<\/span> {<\/span>\n                $(<\/span>'.result'<\/span>)<\/span>.empty<\/span>(<\/span>)<\/span>;<\/span>\n                if<\/span> (<\/span>response.active<\/span> !=<\/span> "1"<\/span>)<\/span> {<\/span>\n                    $(<\/span>'.result'<\/span>)<\/span>.append<\/span>(<\/span>'<p class="alert alert-error">Produto no disponible<\/p>'<\/span>)<\/span>;<\/span>\n                }<\/span>\n                else<\/span> {<\/span>\n                    $(<\/span>'.result'<\/span>)<\/span>.append<\/span>(<\/span>'<h1>'<\/span>+<\/span>response.name<\/span>+<\/span>'<\/h1>'<\/span>)<\/span>;<\/span>\n                    $(<\/span>'.result'<\/span>)<\/span>.append<\/span>(<\/span>'<p>Referencia: <strong>'<\/span>+<\/span>response.reference<\/span>+<\/span>'<\/strong><\/p>'<\/span>)<\/span>;<\/span>\n                    $(<\/span>'.result'<\/span>)<\/span>.append<\/span>(<\/span>'<p style="color:red;">Version: '<\/span>+<\/span>response.version<\/span>+<\/span>'<\/p>'<\/span>)<\/span>;<\/span>\n                    $(<\/span>'.result'<\/span>)<\/span>.append<\/span>(<\/span>'<p style="color:green;">Compatibilidad: '<\/span>+<\/span>response.compatibility<\/span>+<\/span>'<\/p>'<\/span>)<\/span>;<\/span>\n                }<\/span>\n \n            }<\/span>\n        }<\/span>)<\/span>;<\/span>\n    }<\/span>)<\/span>;<\/span>\n}<\/span>)<\/span>;<\/span>\n<\/<\/span>script><\/span><\/pre><\/div><\/div>\n
En esta parte del c\u00f3digo est\u00e1 la clave del asunto. Este c\u00f3digo JavaScript<\/strong> captura el cambio de nuestro selector para hacer una llamada Ajax<\/strong> que nos retornar\u00e1 un objeto tipo JSON<\/strong>. Para ello es importante declarar en la llamada Ajax<\/strong> que el retorno ser\u00e1 JSON<\/strong> utilizando:<\/p>\n
dataType: \"json\",<\/pre>\n
En el success<\/em> puedes ver que la respuesta la estamos tratando como un objeto del cual recibimos diversas informaciones como por ejemplo el nombre, la referencia, entre otros datos que procesaremos. Esto resulta ser muy \u00fatil cuando necesitas recibir del servidor m\u00e1s de una respuesta<\/strong>.<\/p>\n
El archivo ajax.php<\/em> que utilizamos para nuestra llamada Ajax<\/strong> contiene el c\u00f3digo que se ejecuta en el servidor sin recargar la p\u00e1gina.<\/p>\n
Contiene el siguiente c\u00f3digo:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\nrequire_once<\/span>(<\/span>'config.php'<\/span>)<\/span>;<\/span>\n \n$id_product<\/span> =<\/span> (<\/span>int)<\/span>$_POST<\/span>[<\/span>'id_product'<\/span>]<\/span>;<\/span>\n \n$result<\/span> =<\/span> $conexion<\/span>-><\/span>query<\/span>(<\/span>\n    'SELECT * FROM `ps_product` p\n        LEFT JOIN ps_product_lang pl ON (pl.id_product = p.id_product AND pl.id_lang = 1)\n        WHERE p.id_product = '<\/span>.<\/span>$id_product<\/span>\n)<\/span>;<\/span>\n \n$data<\/span> =<\/span> $result<\/span>-><\/span>fetch_assoc<\/span>(<\/span>)<\/span>;<\/span>\n \n$row<\/span> =<\/span> array<\/span><\/a>(<\/span>\n    'name'<\/span> =><\/span> utf8_encode<\/span><\/a>(<\/span>$data<\/span>[<\/span>'name'<\/span>]<\/span>)<\/span>,<\/span>\n    'reference'<\/span> =><\/span> $data<\/span>[<\/span>'reference'<\/span>]<\/span>,<\/span>\n    'version'<\/span> =><\/span> $data<\/span>[<\/span>'version'<\/span>]<\/span>,<\/span>\n    'compatibility'<\/span> =><\/span> $data<\/span>[<\/span>'compatibility'<\/span>]<\/span>,<\/span>\n    'active'<\/span> =><\/span> $data<\/span>[<\/span>'active'<\/span>]<\/span>\n)<\/span>;<\/span>\n \nif<\/span> (<\/span>is_array<\/span><\/a>(<\/span>$row<\/span>)<\/span>)<\/span> {<\/span>\n    echo<\/span> json_encode<\/span><\/a>(<\/span>$row<\/span>)<\/span>;<\/span>\n}<\/span>\n?><\/span><\/pre><\/div><\/div>\n
Incluimos el archivo config.php<\/em> para conectar con nuestra base de datos para obtener m\u00e1s informaci\u00f3n sobre el producto seleccionado.<\/p>\n
Al final de todo retornamos el array con toda la informaci\u00f3n sobre el producto\u00a0utilizando la funci\u00f3n json_decode().<\/p>\n
De esta forma, en el success<\/em> de nuestro Ajax<\/strong> podremos usar la respuesta como un objeto que contiene m\u00faltiple informaci\u00f3n.<\/p>\n
Ahora solo te queda saber que contiene el archivo config.php. Tan solo estamos conectando a la base de datos con MySQLi:<\/p>\n
<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php<\/span>\n$conexion<\/span> =<\/span> new<\/span> mysqli(<\/span>'localhost'<\/span>,<\/span> 'USUARIO DE TU BASE DE DATOS'<\/span>,<\/span> 'CONTRASE\u00d1A DE TU BASE DE DATOS'<\/span>,<\/span> 'NOMBRE DE TU BASE DE DATOS'<\/span>)<\/span>;<\/span>\n?><\/span><\/pre><\/div><\/div>\n
\u00bfTe ha resultado interesante? Env\u00edanos tu comentario.<\/p>\n
<\/i> Ver demo<\/a> <\/i> Descargar<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.<\/p>\n","protected":false},"author":1,"featured_media":7361,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31,5],"tags":[84,62],"class_list":["post-6866","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ajax","category-jquery","tag-formularios","tag-selects"],"yoast_head":"\nAjax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog<\/title>\n<meta name=\"description\" content=\"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ajax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-09T14:36:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-07-17T11:45:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/\",\"name\":\"Ajax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png\",\"datePublished\":\"2017-06-09T14:36:24+00:00\",\"dateModified\":\"2019-07-17T11:45:03+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"description\":\"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png\",\"width\":250,\"height\":250},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ajax vs Json – respuesta m\u00faltiple\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ajax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog","description":"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Ajax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog","og_description":"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.","og_url":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2017-06-09T14:36:24+00:00","article_modified_time":"2019-07-17T11:45:03+00:00","og_image":[{"width":250,"height":250,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/","url":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/","name":"Ajax vs Json - respuesta m\u00faltiple - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png","datePublished":"2017-06-09T14:36:24+00:00","dateModified":"2019-07-17T11:45:03+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"description":"Descubre el poder de la respuesta m\u00faltiple en llamadas Ajax de tipo json. Ejemplo con productos reales y un selector din\u00e1mico que muestra m\u00e1s informaci\u00f3n del elemento seleccionado.","breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2017\/06\/ajax-vs-json-respuesta-multiple.png","width":250,"height":250},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/ajax-vs-json-respuesta-multiple\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ajax vs Json – respuesta m\u00faltiple"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6866"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6866\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/7361"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6866"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6866"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}