jqueryajax加载问题

jqueryajax加载问题,jquery,ajax,Jquery,Ajax,JQUERY: $.ajax ({ url: 'b.html', success: function(data, textStatus, XMLHttpRequest) { $('#content').html($('#content', data).html()); } }); <html> <body> <div id="content"> <script type='text/javas

JQUERY:

$.ajax
({
   url: 'b.html',
    success: function(data, textStatus, XMLHttpRequest)
    {
      $('#content').html($('#content', data).html());
    }
});
<html>
 <body>
   <div id="content">
     <script type='text/javascript' src="xx.js"></script>
     <link rel="stylesheet" href="xx.css" type="text/css"/>
    <div>
        <img src="xxxxxxxxxx.jopg">
    </div>
  </div>
  </body>
</html>
HTML:

$.ajax
({
   url: 'b.html',
    success: function(data, textStatus, XMLHttpRequest)
    {
      $('#content').html($('#content', data).html());
    }
});
<html>
 <body>
   <div id="content">
     <script type='text/javascript' src="xx.js"></script>
     <link rel="stylesheet" href="xx.css" type="text/css"/>
    <div>
        <img src="xxxxxxxxxx.jopg">
    </div>
  </div>
  </body>
</html>

首先,你不会这么做,但我想你只是为了问你的问题而突然提出这个问题

我想到了两个选择:

  • 使用setInterval函数每X毫秒检查一次,例如setInterval(函数(){/*检查此处的元素*/},500)

  • 使用window.performance.getEntriesByType(“资源”)确定是否已下载所有所需的资源。同样,这可能在设置间隔内


如果您只是首先使用$(document.ready(function(){/*everything has loaded*/})加载b.html;将是答案。

是否要将
数据添加到
#content
中的现有html?我使用jquery地址插件和ajax加载html,但有时加载速度非常慢,我需要显示确认已全部加载,并执行一些代码a.html中除了javascript之外没有其他内容吗?