如何从 jQuery 返回的 XMLDocument 中获取整个 XML 字符串（跨浏览器）？

Question

我尝试过，但未能找到如何从 GET 返回的 XMLDocument 中获取整个 XML 字符串。关于如何查找或替换对象中的特定元素，有很多问题，但我似乎找不到任何关于如何将整个文档作为字符串获取的答案。

我正在使用的示例来自此处。 “用 xm​​l 做一些事情”部分就是我现在所处的位置。我感觉这应该是非常微不足道的，但我不知道如何做到。是否有“xml.data()”或类似的可用于此目的？

$.ajax({
    url: 'document.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        // do something with xml
    }
});

用例是我想将 xml 提供给 flash 插件，为此我需要实际的 XML 作为字符串。

Answer 1

如果两者都需要，请获取 XML 文档和字符串形式的响应。您应该能够执行

success: function(data){
  //data.xml check for IE
  var xmlstr = data.xml ? data.xml : (new XMLSerializer()).serializeToString(data);
  alert(xmlstr);
}

---

如果您希望将其作为字符串，为什么您指定 dataType:xml 那么 dataType:text 不会更合适？

Answer 2

我需要字符串形式的实际 XML

您希望它作为纯文本而不是 XML 对象吗？将 dataType 从 'xml' 更改为 'text'。有关更多选项，请参阅 $.ajax 文档。

Answer 3

您还可以在 Java 脚本中轻松地将 xml 对象转换为字符串：

var xmlString = (new XMLSerializer()).serializeToString(xml);

Answer 4

如果您只需要一个表示从 jquery 返回的 xml 的字符串，只需将数据类型设置为“text”，而不是尝试将 xml 解析回文本。以下内容应该只是从 ajax 调用中返回原始文本：

$.ajax({
    url: 'document.xml',
    type: 'GET',
    dataType: 'text',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
        // do something with xml
    }
});

Answer 5

虽然这个问题已经得到解答，但我想指出一个警告：当通过 Internet Explorer 使用 jQuery 检索 XML 时，您必须将内容类型指定为“text/xml”（或“application/ xml"），否则您将无法使用 jQuery 解析数据，就好像它是 XML 一样。

你可能认为这是一件显而易见的事情，但当我使用 Mozilla/Chrome/Opera 而不是 IE 时，它引起了我的注意。当检索内容类型为“文本”的 XML“字符串”时，除 IE 之外的所有浏览器仍然允许您解析该数据（使用 jQuery 选择器），就好像它是 XML 一样。 IE 不会抛出错误，也不会向 jQuery 选择语句返回任何结果。

因此，在您的示例中，只要您只需要 XML 的字符串序列化版本，并且不希望 jQuery 在 XML DOM 上进行任何类型的选择，您就可以将 content-type 设置为“text”。但是，如果您还需要使用 jQuery 解析 XML，则需要编写一个自定义例程，将 XML 序列化为字符串，或者检索内容类型为“xml”的 XML 版本。

希望对某人有帮助:)

Answer 6

您可以获得请求中使用的本机 XMLHttpRequest 对象。
在我发布这个答案时，jQuery 文档说明了几种方法。

其中之一是通过成功回调的第三个参数：

success: function(xml, status, xhr){
    console.log(arguments);
    console.log(xhr.responseXML, xhr.responseText);
    console.log('Finished!');
}

对于完整的示例：
https://jsfiddle.net/44m09r2z/