{"id":230,"date":"2013-04-28T14:10:14","date_gmt":"2013-04-28T13:10:14","guid":{"rendered":"http:\/\/www.dgcmedia.es\/blog\/?p=230"},"modified":"2013-04-28T14:10:14","modified_gmt":"2013-04-28T13:10:14","slug":"ajax-en-jquery","status":"publish","type":"post","link":"https:\/\/www.dgcmedia.es\/blog\/ajax-en-jquery\/","title":{"rendered":"Ajax en JQuery"},"content":{"rendered":"<p>Os vamos a explicar una funci\u00f3n completita de Ajax a trav\u00e9s de JQuery, que esperamos, os sirva de ayuda.<\/p>\n<pre class=\"lang:js decode:true\" title=\"Funci\u00f3n ajax de Jquery\">$.ajax({\r\n\tstatusCode: {\r\n\t\t404: function() {\r\n\t\t\talert(\"P\u00e1gina no encontrada\");\r\n\t\t},\r\n\t\t500: function() {\r\n\t\t\talert(\"Error 500\");\r\n\t\t}\r\n\t},\r\n\ttype: \"POST\",\r\n\turl: \"URL_PROCESADOR_AJAX.php\",\r\n\tdataType: \"json\",\r\n\tdata: { dato1: \"dato\", dato2: \"dato2\" }\r\n}).done(function ( resultado) {\r\n\talert(resultado.mensaje);\r\n});<\/pre>\n<p>Como pod\u00e9is ver, tiene bastantes opciones.<\/p>\n<ul>\n<li>statusCode: permite controlar si hay alg\u00fan tipo de error, para gestionarlo como deseemos en la propia p\u00e1gina web.<\/li>\n<li>type: indicamos c\u00f3mo vamos a enviar los datos (POST o GET).<\/li>\n<li>url: a\u00f1adimos la URL que va a recibir los datos.<\/li>\n<li>dataType: el formato en el que el archivo que procese la petici\u00f3n nos va a responder. Puede ser XML, Json, o texto sin formato.<\/li>\n<li>data: finalmente, los datos que queremos enviar, en formato jSON. Indicar, que podemos usar la funci\u00f3n $(&#8216;form&#8217;).serialize() para que autom\u00e1ticamente, todos los datos de un formulario se traduzcan a este lenguaje estructurado.<\/li>\n<\/ul>\n<p>En este caso, nuestro &#8220;procesador&#8221; de datos nos devolver\u00e1 un json con una variable mensaje, que mostramos en un alert.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Os vamos a explicar una funci\u00f3n completita de Ajax a trav\u00e9s de JQuery, que esperamos, os sirva de ayuda. $.ajax({ statusCode: { 404: function() { alert(&#8220;P\u00e1gina no encontrada&#8221;); }, 500: function() { alert(&#8220;Error 500&#8221;); } }, type: &#8220;POST&#8221;, url: &#8220;URL_PROCESADOR_AJAX.php&#8221;, &hellip; <a href=\"https:\/\/www.dgcmedia.es\/blog\/ajax-en-jquery\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[17,108],"tags":[111,30,110,109],"_links":{"self":[{"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/posts\/230"}],"collection":[{"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":2,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions"}],"predecessor-version":[{"id":232,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/posts\/230\/revisions\/232"}],"wp:attachment":[{"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/media?parent=230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/categories?post=230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dgcmedia.es\/blog\/wp-json\/wp\/v2\/tags?post=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}