{"id":279,"date":"2023-02-09T18:52:54","date_gmt":"2023-02-09T18:52:54","guid":{"rendered":"http:\/\/javigomez.org\/?p=279"},"modified":"2025-09-29T20:34:09","modified_gmt":"2025-09-29T20:34:09","slug":"ajax-carga-de-una-lista-con-los-datos-del-servidor","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2023\/02\/09\/ajax-carga-de-una-lista-con-los-datos-del-servidor\/","title":{"rendered":"AJAX: Carga de una lista con los datos del servidor"},"content":{"rendered":"\n<p>En el siguiente c\u00f3digo se carga un combo (lista desplegable) con la informaci\u00f3n recibida del servidor. El fichero del servidor contiene lo siguiente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>dosel;dos;tres;cuatro;cinco;seis;siete;siena;siente;cuatrero;tresillo;dos mil;unidad<\/code><\/pre>\n\n\n\n<p>El c\u00f3digo HTML es el siguiente:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html>\n&lt;html lang=\"en\">\n\n&lt;head>\n    &lt;meta charset=\"UTF-8\">\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    &lt;title>601&lt;\/title>\n\n    &lt;script type=\"text\/javascript\" language=\"javascript\">\n        window.addEventListener(\"load\", llama, true);\n\n        function llama() {\n            peticion('http:\/\/localhost\/X\/601.ax');\n        }\n        function peticion(url) {\n            http_request = false;\n            http_request = new XMLHttpRequest();\n            http_request.overrideMimeType('text\/xml');\n            http_request.onreadystatechange = respuesta;\n            http_request.open('GET', url, true);\n            http_request.send();\n        }\n        function respuesta() {\n            if (http_request.readyState == 4) {\n                if (http_request.status == 200) {\n                    carga(http_request.responseText);\n                } else {\n                    alert('Hubo problemas con la petici\u00f3n.');\n                }\n            }\n        }\n\n        function carga(r) {\n            var ret = &#91;];\n            ret = r.split(\/;\/);\n            for (i = 0; i &lt; ret.length; i++) {\n                var sel=document.getElementById(\"concep\");\n                var op=document.createElement(\"option\");\n                var top=document.createTextNode(ret&#91;i]);\n\n                op.appendChild(top);\n                sel.append(op);\n            }\n        }\n    &lt;\/script>\n\n&lt;\/head>\n\n&lt;body>\n    &lt;label for=\"concep\">Selecciona el concepto:&lt;\/label>\n    &lt;select name=\"concep\" id=\"concep\">\n    &lt;\/select>\n&lt;\/body>\n\n&lt;\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>En el siguiente c\u00f3digo se carga un combo (lista desplegable) con la informaci\u00f3n recibida del servidor. El fichero del servidor contiene lo siguiente: El c\u00f3digo &hellip; <\/p>\n","protected":false},"author":1,"featured_media":280,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[21,204],"class_list":["post-279","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-ajax","tag-javascript"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/279","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=279"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/279\/revisions"}],"predecessor-version":[{"id":949,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/279\/revisions\/949"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media\/280"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=279"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=279"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=279"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}