[javascript] JavaScript에서 변수 문자열의 XML 구문 분석

웹 (및 위에 제시된 일부)의 대부분의 예 는 브라우저 호환 방식으로 파일 에서 XML을로드하는 방법을 보여줍니다 . 이 document.implementation.createDocument()방법을 지원하지 않는 Chrome의 경우를 제외하고는 쉽게 입증 됩니다. Chrome을 사용할 때 XML 파일을 XmlDocument 객체로로드하려면 내장 XmlHttp 객체를 사용한 다음 URI를 전달하여 파일을로드해야합니다.

귀하의 경우 URL이 아닌 문자열 변수에서 XML을로드하려고하기 때문에 시나리오가 다릅니다 . 그러나이 요구 사항을 위해 Chrome은 Mozilla와 동일하게 작동하며 parseFromString () 메서드를 지원합니다.

다음은 내가 사용하는 기능입니다 (현재 빌드하고있는 브라우저 호환성 라이브러리의 일부입니다).

function LoadXMLString(xmlString)
{
  // ObjectExists checks if the passed parameter is not null.
  // isString (as the name suggests) checks if the type is a valid string.
  if (ObjectExists(xmlString) && isString(xmlString))
  {
    var xDoc;
    // The GetBrowserType function returns a 2-letter code representing
    // ...the type of browser.
    var bType = GetBrowserType();

    switch(bType)
    {
      case "ie":
        // This actually calls into a function that returns a DOMDocument 
        // on the basis of the MSXML version installed.
        // Simplified here for illustration.
        xDoc = new ActiveXObject("MSXML2.DOMDocument")
        xDoc.async = false;
        xDoc.loadXML(xmlString);
        break;
      default:
        var dp = new DOMParser();
        xDoc = dp.parseFromString(xmlString, "text/xml");
        break;
    }
    return xDoc;
  }
  else
    return null;
}

답변

var str = '<books>' +
          '  <book title="A Tale of Two Cities"/>' +
          '  <book title="1984"/>' +
          '</books>';

var parser = new marknote.Parser();
var doc = parser.parse(str);

var bookEls = doc.getRootElement().getChildElements();

for (var i=0; i<bookEls.length; i++) {
    var bookEl = bookEls[i];
    // alerts "Element name is 'book' and book title is '...'"
    alert("Element name is '" + bookEl.getName() +
        "' and book title is '" +
        bookEl.getAttributeValue("title") + "'"
    );
}

<fruits>
  <fruit name="Apple" colour="Green" />
  <fruit name="Banana" colour="Yellow" />
</fruits>

function getFruits(xml) {
  var fruits = xml.getElementsByTagName("fruits")[0];
  if (fruits) {
    var fruitsNodes = fruits.childNodes;
    if (fruitsNodes) {
      for (var i = 0; i < fruitsNodes.length; i++) {
        var name = fruitsNodes[i].getAttribute("name");
        var colour = fruitsNodes[i].getAttribute("colour");
        alert("Fruit " + name + " is coloured " + colour);
      }
    }
  }
}

//Using E4X
var xmlDoc=new XML();
xmlDoc.load("note.xml");
document.write(xmlDoc.body); //Note: 'body' is actually a tag in note.xml,
//but it can be accessed as if it were a regular property of xmlDoc.