jjzjj

javascript - AJAX 表单提交后永无止境的 "Connecting"消息

coder 2024-07-19 原文

我有一个类可以通过 AJAX 提交带有文件类型输入的表单。它创建一个隐藏的 IFRAME 元素，更改表单 target 属性，以便它提交到 IFRAME，提交表单，然后将目标改回它是什么。它还向 IFRAME 添加了一个 onLoad 事件，以便我可以获得回调。 onLoad 函数还会在触发我的回调函数之前从页面中删除 IFRAME。

该类(class)运行良好，我按预期收到了回调。在 Firebug 的网络面板中，我看到了请求，看到了响应，一切都很好。但是，一旦提交开始，页面的浏览器选项卡就会随着加载微调器变为“正在连接”并且永远不会变回来。它使选项卡看起来正在加载，如果我让浏览器保持打开状态，这将持续天。

那么问题是:我有什么方法可以手动停止它，或者有其他方法可以阻止它启动吗？

以下是从网络面板中获取的响应 header :

Date    Fri, 02 Sep 2011 15:23:15 GMT
Server  Apache/2.2.10 (Win32) PHP/5.3.1
X-Powered-By    PHP/5.3.1
Expires Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control   no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Pragma  no-cache
Set-Cookie  PHPSESSID=agncdnha86mtci7dmuvriobak2; path=/
Content-Length  165
Keep-Alive  timeout=5, max=100
Connection  Keep-Alive
Content-Type    text/html

下面是网络面板的截图。 POST是表单的提交，GET是回调函数引起的，它是改变页面上一张图片的来源。

这不是特定于此页面，它发生在我使用此技术通过 IFRAME 提交文件/图像的任何地方。这会影响我当前版本的 Firefox (6.0)，但也会影响以前的版本(5.x、4.x、3.x)。 IFRAME 在加载后从页面中删除这一事实使这尤其令人困惑 - 即使请求从未完成，元素的删除应该有效地终止/停止和浏览器认为的“连接”正在发生。

更新 根据@Sidnicious 的回答，我向回调函数添加了一个超时，以引入延迟删除 IFRAME 元素。我试验了延迟的长度，即使是 1ms 的延迟也足够了。这当然可以作为一种变通方法，但我仍然想知道是否有人可以阐明它的原因，最好是避免一起使用超时。我在下面包含了修改后的代码(带有超时)，以防有帮助。这是 IFRAME 的 onLoad 事件(io 我们引用了框架元素):

        var obj={};
        var success = true;
        try{
            obj.responseText = io.contentWindow.document.body?io.contentWindow.document.body.innerHTML:null;
            obj.responseXML = io.contentWindow.document.XMLDocument?io.contentWindow.document.XMLDocument:io.contentWindow.document;
        }
        catch(e){ success = false; }
        if( success ){
            this.fireEvent('onSuccess', obj.responseText );
        }else{
            this.fireEvent('onFailure', obj );
        }
        this.fireEvent('onComplete', obj );
        io.removeEvent('load', uploadCallback );
        setTimeout(function () { // <--- this timeout prevents the issue
            io.dispose();
        }, 1);

最佳答案

更新:Firefox 错误现已标记为“已修复”，并将在不久的将来更新。

我也遇到过这个问题，希望看到根本原因得到解决。

  • 我与几个 Firefox 开发人员(mbrubeck 和 gavin)交谈过，他们认为这是一个错误! The same issue was reported, and fixed, 2005 年 Firefox 1.9。然后，bug 489259于 2009 年开业。mbrubeck 慷慨地将其移出“未确认”堆。

  • Safari 的性能优于 Firefox，但如果您在 load 事件期间移除 iframe，则状态栏中会显示一条错误消息(“打开页面时出错……”)。我发现了两个自 2007 年以来公开的类似 WebKit 错误:15485和 13281 .

当您在 load 事件期间从文档中删除 iframe 时，似乎会发生这种情况。 JavaScript 事件同步触发——也就是说，与浏览器自身对网页的处理相继触发。这就是为什么可以阻止提交表单或阻止从事件处理程序中注册按键或鼠标单击的原因。

上次在 Firefox 中修复此错误时，原因是从页面中删除 iframe 使其忘记了哪个页面拥有它，但 iframe 通知在 load 事件之后 完成加载的页面。

您使用 setTimeout 安排的任何事情都会在事件循环的当前周期之后发生——在浏览器完成它正在做的事情之后现在。因此，使用 setTimeout 删除 iframe，即使超时为零，也让它完成:

iframe.onload = function(){
    // Do work with the content of the iframe…

    setTimeout(function(){
        iframe.parentNode.removeChild(iframe);
    }, 0);
}

您可以在使用中找到此技术 in the jQuery form plugin .

关于javascript - AJAX 表单提交后永无止境的 "Connecting"消息，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7285866/

javascriptConnectingcodeiframesectionajaxfirefoxmootools

有关javascript - AJAX 表单提交后永无止境的 "Connecting"消息的更多相关文章

  1. ruby-on-rails - rails : "missing partial" when calling 'render' in RSpec test - 2

    我正在尝试测试是否存在表单。我是Rails新手。我的new.html.erb_spec.rb文件的内容是:require'spec_helper'describe"messages/new.html.erb"doit"shouldrendertheform"dorender'/messages/new.html.erb'reponse.shouldhave_form_putting_to(@message)with_submit_buttonendendView本身，new.html.erb，有代码:当我运行rspec时，它失败了:1)messages/new.html.erbshou

  2. ruby-on-rails - 由于 "wkhtmltopdf"，PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中，我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  3. ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2

    我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib

  4. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本，我按照提供的说明安装了arubagem。它在我的Gemfile中，我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作，我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了，但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  5. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  6. ruby - 如何在 Rails 4 中使用表单对象之前的验证回调？ - 2

    我有一个服务模型/表及其注册表。在表单中，我几乎拥有服务的所有字段，但我想在验证服务对象之前自动设置其中一些值。示例:--服务Controller#创建Action:defcreate@service=Service.new@service_form=ServiceFormObject.new(@service)@service_form.validate(params[:service_form_object])and@service_form.saverespond_with(@service_form,location:admin_services_path)end在验证@ser

  7. ruby-on-rails - 相关表上的范围为 "WHERE ... LIKE" - 2

    我正在尝试从Postgresql表(table1)中获取数据，该表由另一个相关表(property)的字段(table2)过滤。在纯SQL中，我会这样编写查询:SELECT*FROMtable1JOINtable2USING(table2_id)WHEREtable2.propertyLIKE'query%'这工作正常:scope:my_scope,->(query){includes(:table2).where("table2.property":query)}但我真正需要的是使用LIKE运算符进行过滤，而不是严格相等。然而，这是行不通的:scope:my_scope,->(que

  8. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  9. ruby - 安装 Ruby 时遇到问题(无法下载资源 "readline--patch") - 2

    当我尝试安装Ruby时遇到此错误。我试过查看this和this但无济于事➜~brewinstallrubyWarning:YouareusingOSX10.12.Wedonotprovidesupportforthispre-releaseversion.Youmayencounterbuildfailuresorotherbreakages.Pleasecreatepull-requestsinsteadoffilingissues.==>Installingdependenciesforruby:readline,libyaml,makedepend==>Installingrub

  10. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

    rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

随机推荐