PhantomJs - 獲得價值了page.evaluate + AJAX（同步版）

Question

問題：提取從ajax請求數據內page.evaluate

說明：我通常簡單地返回他們得到變量出來page.evaluate。但是，我需要在頁面上下文中發出ajax請求，然後我需要將結果處理出頁面的上下文。

我試圖修復代碼是：

var theOutput = page.evaluate(function() { 
    return $.ajax({ 
     async: false, 
     url: 'http://localhost:8080/captcha.php', 
     data: { filename: 'C:\\wamp\\www\\images\\0.png' }, 
     type: 'post', 
     success: function (output) { 
      parsed_output = $.parseHTML(output); 
      return parsed_output[4].data.trim(); 
     }, 
    }); 
}); 
console.log(theOutput); 

變量parsed_output[4].data.trim()是一個字符串。但是，當我登錄output時，我收到[object Object]，屬性爲abort, always, complete, done, error, fail, getAllResponseHeaders, getResponseHeader, overrideMimeType, pipe null, progress, promise, readyState, setRequestHeader, state, statusCode, success,then。

問題：如何從page.evaluate中提取theOutput？

Answer 1

由於這是一個阻擋AJAX請求，您可以創建一個臨時變量：

var theOutput = page.evaluate(function() { 
    var result; 
    $.ajax({ 
     async: false, 
     ... 
     success: function (output) { 
      parsed_output = $.parseHTML(output); 
      result = parsed_output[4].data.trim(); 
     }, 
    }); 
    return result; 
}); 
console.log(theOutput); 

您也可以直接從jqXHR對象訪問responseText：

var theOutput = page.evaluate(function() { 
    var jqXHR = $.ajax({ 
     async: false, 
     url: 'http://localhost:8080/captcha.php', 
     data: { filename: 'C:\\wamp\\www\\images\\0.png' }, 
     type: 'post' 
    }); 
    parsed_output = $.parseHTML(jqXHR.responseText); 
    return parsed_output[4].data.trim(); 
}); 
console.log(theOutput); 

如果擔心async: false已棄用，您可以簡單地使用底層的XMLHttpRequest來使用阻止執行：

var theOutput = page.evaluate(function() { 
    var request = new XMLHttpRequest(); 
    request.open('POST', 'http://localhost:8080/captcha.php', false); 
    request.send($.param({ filename: 'C:\\wamp\\www\\images\\0.png' })); 

    var parsed_output = $.parseHTML(request.responseText); 
    return parsed_output[4].data.trim(); 
}); 
console.log(theOutput);