cách hủy yêu cầu http bằng cách sử dụng javascript

Question

tôi có trang có trình xử lý sự kiện được đính kèm với sự kiện onclick. khi sự kiện kích hoạt nó chuyển nội dung của một hộp văn bản đến yêu cầu GET. kể từ url không nằm trong cùng một miền vì vậy tôi tạo ra một thẻ script và và đính kèm các url để nguồn của nó như thế này

elem.onclick=fire; 

function fire() 
{ 
var text=document.getElementById('text').value; 
var script=document.createElement("script"); 
script.className="temp"; 
script.src="some url"+"?param="+text; 
document.body.appendChild(script); 
} 

bây giờ nếu trường hợp bị sa thải và hơn một lần tôi muốn hủy bỏ tất cả yêu cầu GET trước đó (vì họ vẫn có thể nhận được phản hồi) và yêu cầu GET với văn bản mới nhất. Nhưng đối với điều này tôi cần phải hủy bỏ các yêu cầu trước đó. tôi đã cố gắng

document.body.removeChild(script); 
script.src=null; 

nhưng điều này không làm việc trong Firefox (tôi đang sử dụng Firefox 5) mặc dù điều này làm việc trong Google Chrome .Does ai biết nếu những yêu cầu này có thể được hủy bỏ trong Firefox và nếu có thì như thế nào?

---

CẬP NHẬT Theo đề nghị của Alfred, tôi sử dụng window.stop để hủy bỏ một yêu cầu nhưng không hủy bỏ một yêu cầu nhưng treo nó lên. Nó có nghĩa là khi tôi nhìn vào con đom đóm thì có vẻ như yêu cầu đang được thực hiện nhưng không có phản hồi.

Answer 1

Tôi không chắc chắn nếu điều này là những gì bạn đang tìm kiếm, nhưng nó có vẻ như một vấn đề tương tự: http://www.velocityreviews.com/forums/t506018-how-to-cancel-http-request-from-javascript.html

Answer 2

Nó sẽ là ok để bạn có thể sử dụng một khuôn khổ JS? Nếu vậy, MooTools có chức năng này được tích hợp vào đối tượng Request.JSONP

Answer 3

Điều này hoàn toàn quay từ hông, nhưng nếu thẻ tập lệnh chưa tải xong, bạn có thể chỉ đơn giản là script.parentElement.removeChild(script). Đó là nhiều hơn hoặc ít hơn những gì mootools nào anyway. (Về mặt kỹ thuật, họ thay thế /\s+/ bằng ' ' trước tiên, nhưng điều đó dường như không quan trọng lắm).

Answer 4

Giải pháp rất đơn giản: để tạo yêu cầu HTTP, sử dụng <img> thay vì <script> phần tử. Ngoài ra, bạn luôn phải thay đổi thuộc tính src của cùng một thành phần.

var img; 
function fire() 
{ 
    var text = document.getElementById('text').value; 
    var im = img || (img = new Image()); 
    im.src = "url"+"?param="+text; 
} 

Bạn có thể chắc chắn rằng nó thực sự hoạt động bằng cách làm như sau: URL mà bạn yêu cầu nên có một thời gian phản hồi rất lớn (bạn có thể đảm bảo điều này sử dụng ví dụ sleep chức năng của PHP). Sau đó, mở tab Net trong Firebug. Nếu bạn nhấp vào nút nhiều lần, bạn sẽ thấy rằng tất cả các yêu cầu chưa hoàn tất đều bị hủy.

Answer 5

Để khắc phục vấn đề cross-domain, bạn có thể sử dụng CORS thay vì (giả sử bạn có thể thay đổi những gì trên máy chủ): http://hacks.mozilla.org/2009/07/cross-site-xmlhttprequest-with-cors/

Nếu bạn làm điều này, sau đó bạn có thể sử dụng các tiêu chuẩn hơn Hàm hủy bỏ() của XMLHttpRequest.

CORS tương thích với tất cả các trình duyệt hiện đại chính trừ Opera (http://caniuse.com/cors).