AJAX页面加载返回[对象对象]

Question

我目前正尝试在本地主机上进行简单的AJAX页面转换。

以下是我home.html上的标记

<a href="/blank.html">go to blank</a>

请带我到blank.html页面。

这是我的AJAX：

$(function(){
  jQuery(function ($) {
      $(document).on('click', "a", function (event) {
          event.preventDefault();
          $.when($("body").fadeOut(1000).promise(), $.ajax({
              url: this.href,
              type: 'get',
              dataType: 'html'
          })).done(function (html) {
              var newDoc = document.open("text/html", "replace");
              newDoc.write(html);
              newDoc.close();
              $("body").fadeIn(1000);
          });
      });
  });
});

如果没有javascript，我的重定向工作正常，但是使用javascript后，fadeOut会在页面上返回[object Object]（并且不会重定向）

我已经四处寻找解决方案，但似乎无法找到解决方案。

感谢任何帮助或建议，提前谢谢！

编辑：

的console.log（HTML）;返回：

Answer 1

试试这个：

$(function(){
  jQuery(function ($) {
      $(document).on('click', "a", function (event) {
          event.preventDefault();
          $("body").fadeOut(1000);
          $.ajax({
              url: this.href,
              type: 'get',
              dataType: 'html',
              success: function(html){
                var newDoc = document.open("text/html", "replace");
                  newDoc.write(html);
                  newDoc.close();
                  $("body").fadeIn(1000);
              }
          })

      });
  });
});