Skip to main content
lectura de xml con ajax
Origen Enlace

Para hacer una lectura de un fichero xml a través de una petición ajax:

   var boton = document.getElementById("tuidboton");
        boton.addEventListener("click", function(){
            if(window.XMLHttpRequest) {
                peticion_http = new XMLHttpRequest();
            }
            else if(window.ActiveXObject) {
                peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
            }
            
            peticion_http.onreadystatechange = mostrarContenido;
            peticion_http.open('POST', '/tufichero.xml', true);
            peticion_http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            peticion_http.send(null);

            function mostrarContenido() {

                if(peticion_http.readyState == 4) {
                    if(peticion_http.status == 200) { //cuando la petición haya resultado exitosa
                        
                        var documento = peticion_http.responseXML;
                        //este es el dom del documento.. recorre y muestra lo que desees
                    }
                }
            }
        });

Para hacer una lectura de un fichero xml a través de una petición ajax:

   var boton = document.getElementById("tuidboton");
        boton.addEventListener("click", function(){
            if(window.XMLHttpRequest) {
                peticion_http = new XMLHttpRequest();
            }
            else if(window.ActiveXObject) {
                peticion_http = new ActiveXObject("Microsoft.XMLHTTP");
            }
            
            peticion_http.onreadystatechange = mostrarContenido;
            peticion_http.open('POST', '/tufichero.xml', true);
            peticion_http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            peticion_http.send(null);

            function mostrarContenido() {

                if(peticion_http.readyState == 4) {
                    if(peticion_http.status == 200) { //cuando la petición haya resultado exitosa
                        
                        var documento = peticion_http.responseXML;
                        //este es el dom del documento.. recorre y muestra lo que desees
                    }
                }
            }
        });
Origen Enlace

Para hacer cambios en el lado del servidor, primeramente deberías tener un servidor encargado de leer y escribir en ese fichero xml. El código que muestras asumo que es el código que se ejecuta en el cliente y este, a su vez, no tiene acceso a ese fichero, porque como bien dices, no está en la máquina del cliente.

En este caso deberías montar un servidor con php por ejemplo y crear un fichero que reciba los parametros enviados desde tu código JavaScript (titulo, descripción, etc) y que los guarde en el fichero xml. Para ello, desde tu formulario debes de definir el tipo de petición que harás al servidor action="/tufichero.php" y un method="POST" por ejemplo.

En tufichero.php deberías tener algo como:

<?php 
    if(isset($_POST["titulo"]) && isset($_POST["descripcion"]) .....){
        //escribir en el fichero los parametros de $_POST
    }

Y si lo que quieres es simplemente escribir en un fichero xml desde JavaScript puedes mirar un ejemplo sencillo aqui.