JavaScript（jQuery）を使ってxmlファイルを生成する方法。

Question

###前提・実現したいこと
例えば下記のように変数に値が格納されているとします。

###該当のソースコード

var id = sample_id;
var name = sample_name;

これらの値をjavascript（jQuery）を使って、下記のxmlファイルの<!-- -->の部分に埋め込むにはどうしたらよいでしょうか？
埋め込むのではなく、下記のようなxmlファイルを生成するという方法でも構いません。

###該当のソースコード

<?xml version="1.0" encoding="UTF-8"?>
<info>
  <item>
    <id><!-- ここにidが入る --></id>
    <name><!-- ここにnameが入る --></name>
  </item>
</info>

ご回答を頂けると非常に助かります_(..)

Answer 1

tkturboさんのコードを一部借ります。

<a id="dl" href="#">DL</a>

var id = 'sample_id';
var name = 'sample_name';

var xmlSource = '<?xml version="1.0" encoding="UTF-8"?>';
xmlSource += '<info>';
xmlSource += '  <item>';
xmlSource += '    <id></id>';
xmlSource += '    <name></name>';
xmlSource += '  </item>';
xmlSource += '</info>';

var xml = (new DOMParser()).parseFromString(xmlSource, 'text/xml');
xml.querySelector('id').textContent = id;
xml.querySelector('name').textContent = name;
var target = document.getElementById('dl');
target.href = 'data:text/xml;charset=utf-8,'+encodeURIComponent((new XMLSerializer()).serializeToString(xml));
target.setAttribute('download','test.xml');

https://jsfiddle.net/5zgkrv0f/

Comments

[think49]

素朴な疑問なのですが、download 属性だけ setAttribute() を使っているのは何かの意図があってのことでしょうか。
http://momdo.github.io/html51/text-level-semantics.html#the-a-element

[Lhankor_Mhy]

いろいろな理由があるのですが、一番の理由は「眠かった」というものです (´っд・｡)

[think49]

なるほどw

Answer 2

var id = sample_id;

var xmlSource = '<?xml version="1.0" encoding="UTF-8"?>';
xmlSource += '<info>';
xmlSource += '  <item>';
xmlSource += '    <id><!-- ここにidが入る --></id>';
xmlSource += '    <name><!-- ここにnameが入る --></name>';
xmlSource += '  </item>';
xmlSource += '</info>';

var xml = $(xmlSource);
$(xml).find('id').text(id);

とすれば「<id>[idの値]</id>」は作れますね。

Comments

[tarotarosu]

回答ありがとうございます_(._.)_
この方法は、xmlファイルに書き込むというものではないですよね？
ご回答の方法で得られたものをxmlファイルとして出力できれば良いのですが…
何かよくわかっていなくてすみません。