javascript - MooTools：如何直接使用 responseText

Question

在下面的代码示例中，我想遍历包含来自 request_page.php 文件的 html 代码的 responseText 对象。在 onSuccess 事件中，我想检查 id 为 'ersDiv' 的 < Div > 中是否有任何错误。

new Request.HTML({
    url: 'request_page.php',
    onSuccess: function(responseText, responseXML) {
    // My expected code to handle responseText object
    alert(errorMessage);
    },
    onFailure: function() {  }
});

request_page.php 文件是这样的：

<div align='center'><div id='ersDiv'>Page loaded with insufficient data</div></div>

Answer 1

function(responseText, responseXML) {
  if (responseText.getElement('#ersDiv').get('text') === 'Page loaded with insufficient data'){
    console.log('There was an error');
  }
}

顺便提一句。1990 年打来电话，他们想要align='center'回来 :-)

Answer 2

在 1.2.x 上试试这个（针对 jsfiddle api 调整的示例）：

new Request.HTML({
    url: '/echo/html/',
    method: "post",
    data: {
        html: "<div align='center'><div id='ersDiv'>Page loaded with insufficient data</div></div>",
        delay: 1
    },
    onComplete: function(responseText, responseXML) {
        var error, errors = responseXML.getElements("div").filter(function(el) {
            return el.get("id") == "ersDiv";
        });

        if (errors.length) {
            error = errors[0].get("text");
            alert(error);
        }
    }
}).send();

工作示例：

http://www.jsfiddle.net/dimitar/vLgqB/

在 1.3 中，这可以按照 oskar 的建议工作：

console.log($$(this.response.tree).getElement("#ersDiv")[0].get("text"));

http://www.jsfiddle.net/dimitar/vLgqB/2/

玩得开心。