如何使用javascript取消http请求

我有一个页面，其中有一个事件处理程序附加到onclick事件。当事件触发时，它将文本框的内容传递给GET请求。因为的网址不在同一个域中，所以我创建一个脚本标记，以及URL连接到它的来源是这样如何使用javascript取消http请求

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); 
}

现在如果该事件被触发，超过一次，我想全部取消之前的GET请求（因为他们仍然可能会收到响应），并使用最新文本发出GET请求。但为此，我需要取消以前的请求。我试图

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

但这并不在Firefox工作（我使用Firefox 5），尽管这部作品在Google Chrome .Does任何人知道，如果这些要求可以在Firefox中被取消，如果是的话怎么办？

UPDATE 如所建议的由Alfred，我用取消请求，但不取消请求，但挂起来。这意味着当我查看萤火虫时，它看起来像正在提出请求，但没有任何回应。

来源

2011-07-28 lovesh

你会考虑使用像[jQuery]（http://jquery.com）这样的库吗？ –

@Matt球我当然会。但你也可以建议纯javascript的bcoz我想了解它是如何完成的？ – lovesh

我做了stackoveflow.com搜索，发现[以下答案] [1] [1]：http://stackoverflow.com/questions/117551/javascript-cancel-all-kinds-of - 请求/ 117628＃117628 – Alfred

我不知道如果这是你在找什么，但它似乎是一个类似的问题： http://www.velocityreviews.com/forums/t506018-how-to-cancel-http-request-from-javascript.html

来源

2011-07-28 21:02:24 dwmcc

我这样做所有客户端。无法找到任何有用的东西 – lovesh

尽管链接文章的标题，它确实是关于回发到ASP.NET服务器工作，并与ASP.NET的具体细节密切相关。 – ToolmakerSteve

难道是确定你使用JS框架？如果是这样的话，MooTools在它的Request.JSONP对象中内置了这个功能

来源

2011-07-28 21:05:16

我不介意使用框架，但我想知道它是如何完成的。你可以解释或给出解释 – lovesh

的链接，你能解释它是如何完成的吗？我看到了链接，并且我知道这可以通过javascript +1 – lovesh

查看它的源代码，它似乎只是从DOM中删除脚本标记并将脚本变量设置为null。也许最后一步就是你想要的，因为只要有引用它，请求就不会被取消。但是不确定。 –

这完全是从臀部拍摄的，但是如果脚本标记没有完成加载，您可能简单地使用script.parentElement.removeChild(script)。无论如何，这或多或少是mootools所做的。（从技术上讲，他们首先用' '代替/\s+/，但这似乎并不重要）。

来源

2011-07-29 14:32:42 cwallenpoole

这意味着HTTP请求未被取消？ – lovesh

它应该等同于XMLHttpRequest.abort（）;但不能保证，我从来没有真正做过。 – cwallenpoole

解决方案很简单：用于创建HTTP请求，请使用<img>而不是<script>元素。此外，您总是必须更改元素的相同元素的src属性。

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

您可能确定它实际上做了以下工作：您请求应该有一个巨大的响应时间的URL（可以保证这一点使用PHP例如公司sleep功能）。然后，在Firebug中打开Net标签。如果多次点击该按钮，您会看到所有不完整的请求都会中止。

来源

2011-08-01 08:49:23 duri

以及我如何取消请求？ – lovesh

@lovesh如果您创建另一个请求，则不完整请求会自动取消。如果你想取消请求而不创建另一个请求，你可以通过设置'img.src ='';'来完成。 – duri

，以绕过跨域问题，您可能能够使用CORS代替（假设你可以改变什么是在服务器上）： http://hacks.mozilla.org/2009/07/cross-site-xmlhttprequest-with-cors/

如果你这样做，然后你可以使用更多的标准XMLHttpRequest的abort（）函数。

CORS与Opera（http://caniuse.com/cors）以外的所有主流浏览器兼容。

来源

2011-08-08 09:04:00 mahemoff

如何使用javascript取消http请求

回答

相关问题