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

问：

我正在通过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，然后最终发送回服务器进行保存。