iterating trên một mạng lưới với CasperJS

Question

Tôi cố gắng để kiểm tra CasperJS ra, và được cạo một trang web trong đó có một bố trí lưới điện như:

|Name  |Name  | 
|Title  |Title  | 
|Image  |Image  | 
|Something |Something | 
|---------------------- 
|Name  |Name  | 
|Title  |Title  | 
|Image  |Image  | 
|Something |Something | 
|---------------------- 

Nếu tôi đã không sử dụng CasperJS tôi sẽ lấy danh sách tất cả chứa (4 i trường hợp này) và sau đó chạy một phương pháp trên mỗi container có thể lấy một đối tượng với các thuộc tính mong muốn.

Tôi dường như có một thời gian khó làm việc này trong CasperJS. Trước tiên, tôi đã cố gắng trả về danh sách các phần tử DOM trong casper.evaluate (function() {....}), nhưng nó không thể trả về các phần tử DOM.

Sau đó, tôi đã cố gắng thực hiện một vòng lặp mà sẽ đẩy các đối tượng mong muốn (4) vào một mảng và trả về nó trong một Đánh giá, nhưng nó tiếp tục trả về giá trị rỗng.

Làm cách nào để thực hiện một việc như thế này trong CasperJS. Tôi có thể bằng cách nào đó trả về một bối cảnh của một container để một phương pháp, mà có thể trả lại đối tượng để đánh giá chính, mà có thể trả lại bộ sưu tập của các đối tượng?

Answer 1

Thật không may, bạn không thể có được một cấu trúc phức tạp từ evaluate() chức năng, bởi vì bất cứ điều gì arg truyền từ evaluate() là loại JSON.parse(JSON.stringify(arg)).

Nhưng điều đó không có nghĩa là bạn không thể vượt qua một loại đối tượng khác.

Dưới đây là một ví dụ về cách nhận được một mảng với các đối tượng từ casper.evaluate():

var arrayResult = this.evaluate(function getGridResuls(){ 

    //create array 
    var arrayObjects = new Array(); 

    //Iterates over table (grid) elements 
    jQuery("table.results").each(function(index) { 

     //get table (grid) 
     var tableResult = jQuery(this); 

     //create basic object  
     objResult = new Object(); 

     //fill object properties 
     objResult.name  = tableResult.find('selector to get name').text(); 
     objResult.title  = tableResult.find('selector to get title').text(); 
     objResult.image  = tableResult.find('selector to get image info').text(); 
     objResult.something = tableResult.find('selectot to get something').text().trim(); 

     //assign object to array 
     arrayObjects[index] = objResult; 

    }); 

    //return array with objects 
    return arrayObjects; 

}); 

... 
//do something with arrayResult 

Tôi giả định rằng bối cảnh web bao gồm các thư viện JQuery.

Mẹo: cố gắng chạy mã js của chức năng evaluate() bằng cách sử dụng bảng điều khiển trình duyệt để đảm bảo mã js của bạn hoạt động như mong đợi.

Answer 2

Cách tiếp cận là chính xác nhưng đánh giá là hộp cát. Ngoài ra, các đối số và giá trị trả về cho hàm đánh giá phải là một đối tượng nguyên thủy đơn giản nhưng nếu nó có thể được tuần tự hóa thông qua JSON, thì nó là tốt. Đóng cửa, chức năng, nút DOM, v.v. sẽ không hoạt động!

Thay vì trả lại đối tượng truy nã, trả về một phiên bản serialized đối tượng truy nã sử dụng JSON.stringify()