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

Replace AJAX after successful load and error handling

本文关键字：替换 AJAX 处理 错误 成功 加载      更新时间：2023-09-26

我有这个简单的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>

目前我从来没有看到Loading...，而AJAX正在加载，但是不应该我的方法只替换它后，它加载了新的内容。另外，如果AJAX加载失败，我该如何用Failed

替换状态类呢?

如果您将页面加载到$('<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>
相关文章：