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)。