HTML Formular Eingabefelder zum Lesen und Schreiben von XML-Dateien

Ich versuche gerade, ein HTML-Formular mit Eingabefeldern zu erstellen, um eine XML-Datei zu lesen und mit Änderungen zurückzuschreiben. Der erste Schritt ist Wert beim Laden der Seite in die Eingabefelder abrufen, aber es will nichtHTML Formular Eingabefelder zum Lesen und Schreiben von XML-Dateien

<body> 
<h1>Config Page</h1> 
<div> 
    <b>Site URL:</b> <input type="text" id="siteURL" value="site..."/></span><br> 
    <b>Site Collection:</b> <span id="siteCollection"></span><br> 
</div> 

<script> 
     var xmlhttp, xmlDoc; 
     xmlhttp = new XMLHttpRequest(); 
     xmlhttp.open("GET", "/Configuration/config.xml", false); 
     xmlhttp.send(); 
     xmlDoc = xmlhttp.responseXML; 
     document.getElement 
     document.getElementById("siteURL").value.innerHTML = 
     xmlDoc.getElementsByTagName("siteURL")[0].childNodes[0].nodeValue; 
     document.getElementById("siteCollection").innerHTML = 
     xmlDoc.getElementsByTagName("siteCollection")[0].childNodes[0].nodeValue; 
     function myFunction() { 
      alert(siteURL + "is the site Url") 
    } 
</script> 
<button onclick="myFunction()">Get message value</button>

arbeiten weiß, dass ich die XML durch ok zieht, weil die Sitecollection Spanne Artikel funktionieren, aber der Eingang Feld nicht.

Jede Hilfe würde sehr geschätzt werden.

Vielen Dank.

Quelle

2016-07-01 speed_racer

Vielleicht, wenn Sie jQuery verwenden Sie können es tun, wie folgend

http://codepen.io/Daethe/pen/dXWjJo

<div> 
    <b>Site URL:</b> <input type="text" id="siteURL" value="site..."/></span><br> 
</div> 
<button onclick="myFunction()">Get message value</button> 
<script> 
    function myFunction() { 
    var xmlHttp = jQuery.parseXML('<?xml version="1.0" encoding="utf-8"?><config><siteURL>http://localhost/</siteURL></config>'); 
    var xmlDoc; 
    xmlDoc = xmlHttp.documentElement; 
    $("#siteURL").val(xmlDoc.getElementsByTagName("siteURL")[0].childNodes[0].nodeValue); 
} 
</script>

Quelle

2016-07-01 16:31:28 Daethe

Awesome, Vielen Dank für die . Dein Code funktioniert! Wenn ich jedoch auf die Datei verweisen möchte, wie funktioniert das? Etwas wie unten? 'Code' var xmlHttp = jQuery.parseXML ("GET", "../Configuration/config.xml", false); var xmlDoc; –

Dank Daethe für mich auf dem richtigen Weg setzen. Ich fand meine Lösung, die eine XML-Datei in eine HTML-Eingabefeld Form

für das Javascript zu lesen ...

var xmlpath = "../configuration/test.xml" 
var xmlhttp = new XMLHttpRequest(); 
xmlhttp.open("GET", xmlpath, false); 
xmlhttp.setRequestHeader('Content-Type', 'text/xml'); 
xmlhttp.send(""); 
xmlDoc = xmlhttp.responseXML; 

function loadFunction() { 
$("#siteURL").val(xmlDoc.getElementsByTagName("siteURL")[0].childNodes[0].nodeValue); 
}

Zur Seite ...

<script src="/Script/form.js"></script> 
<link rel="stylesheet"  href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
       <html> 
<br>Site URL (EG: http://intranet)</br> 
       <input type="text" id="siteURL" name="siteURL" value="blank..." /> 
<button onclick="loadFunction()">Load Configuration</button> 
</html>

Quelle

2016-07-03 01:29:43

HTML Formular Eingabefelder zum Lesen und Schreiben von XML-Dateien

Antwort

Verwandte Themen