Question

所以我有这个简单的AJAX加载方法来加载URL：

<div id="load">
<h1 id="status">Loading...</h1>
</div>


<script type="text/javascript">
$(document).ready(function(){
$.ajaxSetup({cache: false});
   var url = "http://www.example.com/get.php?id=12345";          
            $('#load').replaceWith($('<div>').load(url));
});
});
</script>

目前我在AJAX加载时没有看到Loading...，但是我的方法只有在它加载新内容后才能替换它。另外，如果AJAX加载失败，我将如何用Failed替换该状态类

Answer 1

如果您将页面加载到$('<div>') - 然后使用.load回调来完成status的替换 - 就像这样

<div id="load">
<h1 id="status">Loading...</h1>
</div>


<script type="text/javascript">
  $(document).ready(function(){
    $.ajaxSetup({cache: false});
    var url = "http://www.example.com/get.php?id=12345";          
    $('<div>').load(url, function() {
      $('status').replaceWith(this);
    });
  });
</script>

成功加载和错误处理后替换AJAX

1 个答案: