Question

我试图用＆＃34; demo＆＃34;替换div。作为ID，＃34; newpage.html＆＃34;的内容。这段代码很有用，虽然我只是想知道我如何能够将淡入效果放入其中。

<button onclick="loadDoc()">Click here</button>     

function loadDoc() {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
          document.getElementById("demo").innerHTML = xhttp.responseText;
        }
      };
      xhttp.open("GET", "newpage.html", true);
      xhttp.send();
    }

Answer 1

删除

document.getElementById("demo").innerHTML = xhttp.responseText;

添加此代码

也将“content”更改为“xhttp.responseText”

$('#demo').fadeOut('slow', function() {
    $('#demo').html(content);
    $('#demo').fadeIn('slow');
});

最后，您必须添加jquery库才能执行 'FadeIn'

Jquery Library链接Jquery

您必须在html标题部分添加以下代码。

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

Ajax替换内容并使用淡入淡出

1 个答案: