服務器返回的HTML，但我不能注入到現場

Question

我用這Ajax調用：

$.ajax({ 
    url: '/wp-admin/admin-ajax.php', 
    type: 'post', 
    dataType: 'html', 
    data: { 
     action: 'mypages_subscription_slider', 
     subs: subscriptions, 
    }, 
    success: function (data) { 
     build_subscription_slider(subscriptions); 
    }, 
}); 

我檢查我的網絡選項卡，然後，我從服務器收到文件具有正確的內容。就像這樣：

<hr> 
<div class="sub-slider"> 

    <div class="slider"> 
    <div class="sub-box"><div class="title">1 GB</div> 
    </div> 

    <div class="sub-slider-confirmation-btn-wrp"> 
     <a href="#"> 
      <div class="sub-slider-confirmation-btn">Välj</div> 
     </a> 
    </div> 

</div> 
<hr> 

現在我想用這個標記將其插入一個div我的網頁上，像這樣：

function build_subscription_slider(subscriptions) { 
    $('.sub-slider-section').append($(subscriptions)); 
} 

在我的頁面的div來獲得插入HTML只是看起來像這個：

<div class="sub-slider-section">   
</div> 

我做錯了什麼？

Answer 1

您有以上兩個問題。

在您的成功回調ajax請求中，您希望將數據傳遞給您的build_subscription_slider函數，如下所示。

success: function (data) { 
    build_subscription_slider(data); 
}, 

然後你想追加在subscriptions傳遞的參數。

function build_subscription_slider(subscriptions) { 
    $('.sub-slider-section').append(subscriptions); 
}