Có thể dừng các yêu cầu "đọc" của Backbone

Question

Tôi có một ứng dụng xương sống có một số lượt xem. Chuyển đổi giữa các chế độ xem sẽ kích hoạt các yêu cầu Ajax để nhận các bộ sưu tập khác nhau. Tôi muốn dừng yêu cầu ajax "đọc" hiện tại nếu yêu cầu mới được bắt đầu. Có thể không?

Answer 1

Ok vì vậy đây là những gì tôi đã làm

Tôi lưu các yêu cầu tìm nạp trong một biến

app.fetchXhr = this.model.fetch(); 

Trong router của tôi, tôi có một chức năng mà sẽ chăm sóc đóng các quan điểm và render lần xem . Nó cũng đảm bảo kích hoạt bất kỳ trình kích hoạt nào cần thiết cho mỗi thay đổi chế độ xem nhưng điều đó không có liên quan trong câu hỏi này.

Trước khi làm bất cứ điều gì, chức năng router này thực hiện như sau

//Stop pending fetch 
if(app.fetchXhr.readyState > 0 && app.fetchXhr.readyState < 4){ 
    app.fetchXhr.abort(); 
} 

Tôi hy vọng điều này sẽ giúp

Answer 2

Tôi cho rằng bạn đang sử dụng xương sống với jQuery. Nếu vậy, những câu dưới đây dường như cung cấp một câu trả lời cho bạn:

Abort Ajax requests using jQuery

Backbone fetch trả về xhr họ đang nói về, IIRC.

Answer 3

Có lẽ bài trả lời cuối :)

Sử dụng thời gian chờ để xác định một giá trị thời gian chờ. Điều này sẽ kích hoạt chức năng lỗi. Ở đây truy vấn có thể bị hủy bỏ.

Có lý do nào khiến bạn muốn hủy truy vấn không?

Answer 4

Một câu trả lời muộn khác trong trường hợp người khác gặp phải vấn đề này.

Tôi đã kết thúc ghi đè Backbone.sync để thêm nhóm đối tượng XHR và tùy chọn hủy bỏ yêu cầu đang chờ xử lý khi tìm nạp.

var sync = Backbone.sync 
    , xhrPool = []; 

Backbone.sync = function(method, model, options) { 
    options = options || {}; 
    if (method === 'read') { 
    if (options.abortPending == true) {  
     for (var i = 0; i < xhrPool.length; i++) { 
     if (xhrPool[i]['readyState'] > 0 && xhrPool[i]['readyState'] < 4) { 
      xhrPool[i].abort(); 
      xhrPool.splice(i, 1); 
     } 
     } 
    } 

    // cleanup xhrPool 
    // todo: make removal from the pool an 'always' jqXHR callback 
    // instead of cleanup on every read? 
    for (var i = 0; i < xhrPool.length; i++) { 
     if (xhrPool[i]['readyState'] === 4) { 
     xhrPool.splice(i, 1); 
     } 
    } 

    var xhr = sync(method, model, options); 
    xhrPool.push(xhr); 
    return xhr; 
    } else { 
    return sync(method, model, options); 
    } 
};