jQuery $.when() .then() 不适合我

Question

$.when() .then() 对我不起作用，我做错了什么？预先感谢您的帮助。我想确保首先加载表单，然后在表单内填充

以显示 Google 的验证码。这是测试：它实际上加载了表单，但警报根本没有弹出。如果测试成功，我将更改“警报”以调用 showRecaptcha 函数。

<script type="text/javascript">
$("document").ready(function () {
    function showRecaptcha(element) {
           Recaptcha.create("publick_key_here", element, {
             theme: "red",
             callback: Recaptcha.focus_response_field});
   };

  // load the form
  $.get('../php/formularioDeReserva.html', function (data) {
    $.when($('.subscriptionForm').html(data))
       .then(function(){alert('Then')})
       .fail(function(){alert( 'failed.' )});
    alert('I reached this point.');
  });

})
</script>

Felix 注意：我的测试表明 .html(data) 不是立即完成的。在下面的代码中，如果我保留 alert('Load was returned.') ，则警报暂停一段时间，以便 showRecaptcha 成功。如果我删除警报，则没有任何作用。

$.get('../php/formularioDeReserva.html', function (data) {
        $('.subscriptionForm').html(data);
         alert('Load was performed.');
         showRecaptcha('recaptcha_div');
        });

Guiherme的注意事项：尝试你的建议，在我看来这是一个很好的逻辑想法，但仍然不起作用，我不明白为什么不行。在以下代码中，显示了 subcritionForm，但根本不弹出 success、error 和 complete 警报。

$.get('../php/formularioDeReserva.html', function (data) {
        $('.subscriptionForm').html(data);
         // alert('Load was performed.');
         // showRecaptcha('recaptcha_div');
    })
    .success(function() { alert("second success"); })
    .error(function() { alert("error"); })
    .complete(function() { alert("complete"); });

注意：什么时候“查看源代码”我意识到 Java 脚本被包含了两次，因为其中一个文件没有正确保存。这就解释了为什么警报会弹出两次。

Answer 1

您需要在 the

$.when()

之前

$.get()

调用 the ，但是，如果它只是一个 get 请求，为什么不使用

$.ajax({...}).success(function(data){..}).error(function(){...})...;

甚至

   $.get({...})
    .success(function() { alert("second success"); })
    .error(function() { alert("error"); })
    .complete(function() { alert("complete"); });

那样，我认为在这种情况下永远不会调用 failed() 。

Answer 2

我放弃了!!!

我决定将主 .html 文件重命名为 .php 并使用 php include 语句而不是 >.get：

<div class="subscriptionForm"> 
     <?php include("../php/formularioDeReserva.html"); ?>
</div> 

并将 jQuery 更改为简单的调用以显示 recaptcha：

$("document").ready(function () {
  function showRecaptcha(element) {
       Recaptcha.create("public key here", element, {
         theme: "red",
         callback: Recaptcha.focus_response_field});
      };

 showRecaptcha('recaptcha_div');

 [..more here..]

});

感谢大家的帮助。

更新：我刚刚意识到，也许我需要创建一个延期并创建一个承诺，但我并不真正理解这个概念，并且最后使用 php include 就很容易了。