javascript - jquery/JavaScript - 延迟直到上传完成

Question

我的 jQuery 脚本看起来像这样(表单正在提交要上传的文件):

      $("#addMore").click(function() {
                $("#progForm").submit();
                $("#upTar").css("display","block");
                $("#title").val("");$("#obj").val("");$("#theory").val("");     $("#code").val("");$("#output").val("");$("#conc").val("");
            });

我想延迟执行从 $("#upTar") 开始的代码，直到表单提交完成(即文件上传并且 PHP 脚本已响应)。

编辑

#upTar 是一个 iframe，也是表单提交的目标。我希望 #upTar 仅在从表单操作脚本生成其内容后才显示。

谢谢!

解决方案后的代码

 $("#addMore").click(function() {
    $("#progForm").submit();
    $('#upTar').load(function() {
        $("#upTar").css("display","block");
        $("#title, #obj, #theory, #code, #output,     #conc").val("");
       });
 });

Answer 1

没有办法让浏览器中的 JavaScript“等待”任何事情。在这种情况下，您可以执行以下操作:

1. 您可以将 CSS 更改等放入目标 <iframe> 的“load”事件处理程序中。

   $('#upTar').load(function() {
           $("#upTar").css("display","block");
           $("#title, #obj, #theory, #code, #output, #conc").val("");
   }
   

2. 您可以将代码放入对从 <iframe> 执行的表单 POST 的响应中。本身。

   $(function() {
     (function($) {
           $("#upTar").css("display","block");
           $("#title, #obj, #theory, #code, #output, #conc").val("");
     })(window.parent.$);
   });