Javascriptを使用してXMLノードを挿入する

Question

"Javascriptを使用してXMLデータを挿入する"という実装に苦しんでいるようです。

私のアプリケーションはasp.net AJAXのasp.netです。次のように

私のXML文書は次のとおりです。

<?xml version="1.0" encoding="utf-8" ?> 
<hotels> 
    <hotel supplier="Sarova panafric" id="HTL-10001"> 
     <supplier>Sarova panafric</supplier> 
     <contact>Mr S Njoroge</contact> 
     <tel>75-525254</tel> 
    </hotel> 
    <hotel supplier="Sarova mara" id="HTL-10002"> 
     <supplier>Sarova mara</supplier> 
     <contact>Mr ole seni</contact> 
     <tel>20-54574</tel> 
    </hotel> 
</hotels> 

これは私が試してみて、私のXMLファイルにデータを挿入するために使用するJavaScript関数：XMLファイルがルート上に座っている

function addhotels() { 
    var xml; 
    if (window.ActiveXObject) { 
     xml = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
     xml = new XMLHttpRequest(); 
    } 
    xml.open("GET", "hotelRates.xml", true); 
    xml.send(null); 

    var hotel = xml.responseXML.createElement("hotel"); 

    var supplier = xml.responseXML.createElement("supplier"); 
    supplier.appendChild(xml.responseXML.createTextNode("Sarova stanley")); 

    var contact = xml.responseXML.createElement("contact"); 
    contact.appendChild(xml.responseXML.createTextNode("Mr Njoroge")); 

    var tel = xml.responseXML.createElement("tel"); 
    tel.appendChild(xml.responseXML.createTextNode("21454741")); 

    hotel.appendChild(supplier); 
    hotel.appendChild(contact); 
    hotel.appendChild(tel); 
    xml.responseXML.appendChild(hotel); 
} 

私のプロジェクトのフォルダ、ページがどこにあるか。

なぜ動作しないのかわかりません。

=========== 私は今、次のようにコードを変更しましたが、それでも効果はありません。

function addhotels() { 
    var xml; 
    if (window.ActiveXObject) { 
     xml = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
     xml = new XMLHttpRequest(); 
    } 
    xml.open("GET", "hotelRates.xml", true); 
    xml.send(null); 

    var hotels = xml.responseXML.createElement("hotels"); 

    var supplier = xml.responseXML.createElement("supplier"); 
    supplier.appendChild(xml.responseXML.createTextNode("Sarova stanley")); 

    var contact = xml.responseXML.createElement("contact"); 
    contact.appendChild(xml.responseXML.createTextNode("Mr Njoroge")); 

    var tel = xml.responseXML.createElement("tel"); 
    tel.appendChild(xml.responseXML.createTextNode("21454741")); 

    hotels.appendChild(supplier); 
    hotels.appendChild(contact); 
    hotels.appendChild(tel); 
    xml.responseXML.appendChild(hotels); 
} 

Answer 1

現在ドキュメントにノードを追加し

xml.responseXML.documentElement.appendChild(hotel); 

を試してみて、XML文書は1つのだけルート要素を持っている可能性があるため、不正な操作するものです。あなたは現在sendを起動してから応答がすぐに利用可能であることを期待しているルート要素（<hotels/>）

Answer 2

から
xml.responseXML.documentElementポイント。これは根本的に間違っています。 xml.open（true）の3番目の引数は、要求を非同期に実行することを示します。 @ Dr.Molleで指摘したように、私もxml.responseXML.documentElement.appendChildにxml.responseXML.appendChildを変更

function addhotels() { 
    var xml; 
    if (window.ActiveXObject) { 
     xml = new ActiveXObject("Microsoft.XMLHTTP"); 
    } else { 
     xml = new XMLHttpRequest(); 
    } 
    xml.onreadystatechange = function() { 
     if (xml.readyState == 4 && xml.status == 200) { 
      var resp = xml.responseXML; 
      var hotel = xml.responseXML.createElement("hotel"); 

      var supplier = xml.responseXML.createElement("supplier"); 
      supplier.appendChild(xml.responseXML 
        .createTextNode("Sarova stanley")); 

      var contact = xml.responseXML.createElement("contact"); 
      contact.appendChild(xml.responseXML.createTextNode("Mr Njoroge")); 

      var tel = xml.responseXML.createElement("tel"); 
      tel.appendChild(xml.responseXML.createTextNode("21454741")); 

      hotel.appendChild(supplier); 
      hotel.appendChild(contact); 
      hotel.appendChild(tel); 
      xml.responseXML.documentElement.appendChild(hotel); 
     } 
    } 
    xml.open("GET", "hotelRates.xml", true); 
    xml.send(null); 
} 

注：あなたはxml.onreadystatechangeコールバックでの応答を処理する必要があります。ドキュメント自体には追加できません。

Answer 3

あなたは変更を保存していないと言います。 XMLファイルに保存する必要があります。最初にレスポンスXMLを変数xmldocとして取得し、新しいデータを追加して、最後にwrite-xmldoc.save（ "hotelrates.xml"）;