JavaScriptで文字列をXML形式に変換する方法

JavaScript は、フロントエンド Web ページ開発で広く使用されているスクリプト言語です。 Web 開発では、通常、データを XML 形式でサーバーに送信するか、サーバーから XML データを受信して​​解析する必要があります。このような場合、JavaScript 文字列を XML 形式に変換することが非常に重要です。

この記事では、JavaScript を使用して文字列を XML 形式に変換する方法を詳しく説明します。これにより、Web 開発者はより効率的な XML コードを作成し、Web アプリケーション データを迅速に処理できるようになります。

最初のステップ、XML 形式を理解する

文字列を XML に変換する前に、XML とは何か、およびその基本構造を理解する必要があります。 XML は Extensible Markup Language (XML) であり、データの構造とコンテンツを記述するために使用されます。 XML はデータ送信とデータ保存に使用でき、アプリケーション構成情報の記述にも使用できます。

XML はマークアップとテキストで構成されます。タグは、データを記述するために使用される XML 要素です。テキストやその他のタグをタグの間に含めることができます。各 XML 要素は開始タグと終了タグで構成され、開始タグには要素名と属性が含まれ、終了タグには要素名のみが含まれます。 XML 要素の例を次に示します。

  
  John Doe
  29.99

上記の例では、 要素がテキストおよびその他のマークアップを含む XML 要素であることがわかります。また、値「1234」を持つ「id」という名前の属性もあります。終了タグにはタグ名のみが表示され、他には何も表示されません。

第 2 ステップ、JavaScript を使用して XML 文字列を作成します

XML を理解したら、文字列を XML 形式に変換できるようになります。 JavaScript では、文字列操作と DOM 操作を使用して XML 文字列を作成できます。

文字列の連結を使用して XML 文字列を作成できます。例:

let xmlStr = '';
xmlStr += '';
xmlStr += 'John Doe';
xmlStr += '29.99';
xmlStr += '';

上の例では、プラス記号を使用して複数の文字列を連結し、変数 xmlStr# に保存します。 ＃＃ で。必要な XML 要素と属性をすべて追加した後、 タグを終了タグとして追加します。

let xmlDoc = document.implementation.createDocument("", "", null);
let bookElem = xmlDoc.createElement("book");
let titleElem = xmlDoc.createElement("title");
let titleText = xmlDoc.createTextNode("JavaScript 字符串转换 XML");
titleElem.appendChild(titleText);
bookElem.appendChild(titleElem);
xmlDoc.appendChild(bookElem);

createDocument() メソッドを使用します。 XML ドキュメント オブジェクトを作成し、createElement() メソッドを使用して、「book」という名前の XML 要素を作成します。次に、XML 要素内に「title」という別の要素を作成し、createTextNode() メソッドを使用してその要素にテキストを追加します。最後に、「title」要素を XML ドキュメント オブジェクトに追加します。

DOMParser オブジェクトを使用して文字列を XML ドキュメントに解析できます。

xmlStr という名前の文字列を XML ドキュメントに解析します。

let xmlDoc;
if (window.DOMParser) {
  let parser = new DOMParser();
  xmlDoc = parser.parseFromString(xmlStr, "text/xml");
} else {
  xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
  xmlDoc.loadXML(xmlStr);
}

xmlStr 文字列は、parseFromString() メソッドを使用して XML ドキュメントに解析されます。それ以外の場合は、ActiveXObject オブジェクト (Internet Explorer ブラウザでのみ使用可能) を使用して XML 文字列を解析します。

getElementsByTagName() メソッドを使用して XML 要素にアクセスし、getAttribute() メソッドを使用して XML 要素の属性にアクセスできます。たとえば、次のコード スニペットでは、XML ドキュメント オブジェクトを使用して 要素を取得します。

let bookElem = xmlDoc.getElementsByTagName("book");

getAttribute( ) メソッド ##要素の「id」属性の値:

let bookId = bookElem[0].getAttribute("id");