jQuery创建及操作xml格式数据示例

jQuery可以方便地操作XML格式数据。以下是创建和操作XML示例的完整攻略。

创建XML

要使用jQuery创建XML，我们需要首先创建一个空的XML对象。可以使用以下语法来创建XML对象：

var xmlDoc = $.parseXML('<?xml version="1.0" encoding="utf-8" ?><bookstore></bookstore>');

上述示例使用$.parseXML()方法将字符串转换为XML文档对象。现在，我们已经创建了一个名称为<bookstore>的XML元素。接下来，我们可以使用以下示例代码为XML添加节点和它们的值：

$(xmlDoc).find('bookstore').append($('<book><title>Learning jQuery</title><price>39.95</price></book>'));
$(xmlDoc).find('bookstore').append($('<book><title>jQuery Cookbook</title><price>32.99</price></book>'));

上述示例代码中，我们使用append()方法为<bookstore>元素添加名称为<book>的子元素。在每个<book>元素中，我们添加了<title>和<price>元素以及它们各自的值。

操作XML

一旦我们创建了XML文档对象，我们就可以使用jQuery方法来操作它。以下是一些常用的XML操作：

读取XML

要读取XML元素的文本值，可以使用以下代码：

$(xmlDoc).find('title').text();

上述代码将返回第一个<title>元素的文本值。

修改XML

要修改XML元素的值，可以使用以下代码：

$(xmlDoc).find('title').text('New Title');

上述代码将第一个<title>元素的文本值更改为“New Title”。

删除XML

要删除XML元素，可以使用以下代码：

$(xmlDoc).find('title').remove();

上述代码将删除文档中所有<title>元素。

示例

以下示例演示如何将表单数据存储为XML文件。

HTML代码：

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <button type="submit">Submit</button>
</form>

JavaScript代码：

// 监听表单提交事件
$('#myForm').submit(function(e) {
  e.preventDefault(); // 防止表单提交
  var name = $('#name').val(); // 获取name输入框的值
  var email = $('#email').val(); // 获取email输入框的值

  // 创建XML文档对象并添加节点
  var xmlDoc = $.parseXML('<?xml version="1.0" encoding="utf-8" ?><users></users>');
  $(xmlDoc).find('users').append($('<user><name></name><email></email></user>'));
  $(xmlDoc).find('name').text(name);
  $(xmlDoc).find('email').text(email);

  // 将XML文件保存到本地文件中
  var serializer = new XMLSerializer();
  var xmlString = serializer.serializeToString(xmlDoc);
  var blob = new Blob([xmlString], {type: "text/xml;charset=utf-8"});
  saveAs(blob, "users.xml");
});

上述示例将通过表单获取用户输入的数据，并将其存储为XML文件。具体而言，我们创建了一个名称为<users>的XML元素对象，并为其添加了名称为<user>的子元素。然后，我们将名称和电子邮件值添加为子元素的文本。最后，我们使用Blob和saveAs方法将XML文件保存到本地。