javascript - 解析 XMLHttpRequest() 结果(使用 XPath)

标签 javascript xpath xmlhttprequest domparser

我需要在 JavaScript 中从同一站点加载另一个页面的可变内容,然后从该内容获取数据(解析 XML)。

我使用 XMLHttpRequest() 和 responseText 属性在文本字符串变量中获取了页面的 HTML。

之后我将文本字符串转换为 xml 对象 (DOMParser) 并尝试使用 XPath。

在 FireFox 的控制台中我看到错误:

Node cannot be used in a document other than the one in which it was created

如何将 XMLHttpRequest() 结果转换为文档对象以使用 XPath 处理它? 我应该如何对这个对象使用 document.evaluate?有没有更简单的方法来完成我的任务?

textString=file_get_contents('my url');
var parser = new DOMParser();
xml = parser.parseFromString( textString, "text/xml" );

list = getI( "(//td[contains(text(), 'Total:')])[1]",xml);   
// Error: Node cannot be used in a document other than the one in which it was created`enter code here`     
// HOW USE getI function here? (document.evaluate)

function file_get_contents( url ) { // Reads entire file into a string
    // 
    // +   original by: Legaev Andrey
    // %        note 1: This function uses XmlHttpRequest and cannot retrieve resource from different domain.

    var req = null;
    try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) {
        try { req = new ActiveXObject("Microsoft.XMLHTTP"); } catch (e) {
            try { req = new XMLHttpRequest(); } catch(e) {}
        }
    }
    if (req == null) throw new Error('XMLHttpRequest not supported');

    req.open("GET", url, false);
    req.send();

    return req.responseText;
}

function getI(xpath,elem){return document.evaluate(xpath,(!elem?document:elem),null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);}

最佳答案

这个任务中有一些时刻:

  • 在不使用 req.overrideMimeType 的情况下,属性 responseXML 等于 null(在 FireFox 中)。在我开始使用 req.overrideMimeType 之后,属性 responseXML 已经不为空,但我仍然无法正确使用 XPath。因此,我使用了 responseText 属性和 DOMParser;
  • 当我们使用 document.evaluate 时 我们应该在创建的 HTMLDocument 对象上使用它,而不是 用于主要文档对象;
  • 加载时有西里尔符号 页面,所以我应该在字符集 windows-1251 中得到结果以正确使用 XPath

最终结果是:

req = new XMLHttpRequest();
req.open("GET", 'http://my_url', false);
req.overrideMimeType('text/xml; charset=windows-1251'); // for Cyrillic
req.send(null);

var parser = new DOMParser();
var xmlDoc = parser.parseFromString(req.responseText, "text/html"); 

var list = xmlDoc.evaluate("(//td[contains(text(), 'Total (Всего):')])[1]",xmlDoc,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null);
if(list.snapshotLength>0){
// operations
}

关于javascript - 解析 XMLHttpRequest() 结果(使用 XPath),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40729785/

相关文章:

javascript - 给 JavaScript 函数一个 'false' 选项?

php - 我如何判断在 Kohana 3 中是否使用 AJAX 发出了请求?

javascript - JavaScript 中的 DOM 解析

javascript - ExtJS 多监听器

javascript - Angular Ng-If 出现滞后

javascript - 使用 JS 文件而不是 HTML 事件处理程序重定向?

selenium - Xpath从表格单元格中选择按钮,具体取决于特定单元格中包含的文本

python - 使用 scrapy 在正文中查找电子邮件地址

ruby-on-rails - ruby REXML : Get Value Of An XML Element

javascript - 使用 JSON -headers 解释 XMLHttpRequest 初始化中的 DOM 11 错误