ajax 将不同的页面div加载到一个div中

Question

我正在尝试将另一个页面中的 div 加载到 div 中

问题是另一个页面div也是通过js加载的

这是我使用的代码

$.ajax({
   url: 'https://mywebsite.com/pageiwantoload',
   type: 'GET',
   success: function(res) {
      var data = $.parseHTML(res); 
      $(data).find('#ajap').each(function(){
          $('#here').append($(this).html());
     });
   }
 });

所以https://mywebsite.com/pageiwantoload div id ajap 也是通过 js 加载的

有什么方法可以使页面完全加载然后获取 div id ajap？ 或任何其他解决方案

<span class="woocommerce-Price-amount amount" id="ajap">'+c+"</span>

这就是我想要得到的，这是在一个 js 文件中

Answer 1

我有个问题。 '#here' div 在https://mywebsite.com/pageiwantoload请求中吗？ 在这种情况下，您不会加载 html 只是解析它。 始终使用$(document).ready来等待页面加载完毕。 如果 AJAX 调用之间存在依赖关系，请使用$.done而不是回调。

例如：

$ajax(urlwholoads#here).done($ajax.pageiwanttolad).done(parserequestandLoad#HereDiv)。