将 xml 节点添加到通过 jquery ajax 加载的 xml 对象

Question

我正在通过 ajax 加载 xml 文档。

$.ajax({
    type: 'GET',
    cache: false,
    dataType: 'xml',
    url: 'data/sample-data.php',
    success: function (response) {
       myClass.myData = $(response);
    }
});

这很好用，一旦有了这个，我就可以使用数据在页面上构建视图，然后在页面上对其进行编辑。

接下来，我想更新那个 xml 以最终发送回服务器。

我尝试了多种更新方式，但都没有成功。这是最近的那个。

myClass.myData.find('book[data-id="' + id + '"]').remove();

var new_xml = '<book data-id="3434">';
    new_xml += '<name>just using this as an example, would build with code</name>';
    new_xml += '</book>';
parser = new DOMParser();
xmlDoc = parser.parseFromString(new_xml,"text/xml");
myClass.MyData.find('books').append(xmlDoc);

所以，基本上，我正在加载一个 xml，允许访问者通过界面进行编辑，并希望在他们编辑时更新类 xml，然后最终发送回服务器进行保存。