javascript - 如何通过 Ajax 将 HTML 字符串附加到 div

Question

我在 Ajax 方面确实遇到了很大的困难，这次我无法将一些 HTML 代码附加到 div 中。

我需要附加到<div id="content-loader"></div>这个 HTML 字符串

PHP

function getLogo(){
    $logo = '<div class="bg-logo-loading"></div>
            <div class="logo-loading-container">
                <div class="logo-loading-inner">
                    <div class="logo-loading">
                      <div></div>
                      <div></div>
                      <div></div>
                    </div>
                </div>
            </div>';
    return $logo;
}

使用此 Ajax POST:

JS

function showLoader(){
    $.ajax({
        type: "POST",
        url: baseUrl+"/requests/get_Logo.php",
        dataType : 'html',
        cache: false,
        success : function(html){
            $('#content-loader').html($(html.content).text());
        }
    });
}

get_Logo.php

<?php
include("../includes/config.php");
include("../includes/classes.php");

$feed = new feed();
echo $feed->getLogoLoading();
?>

有机会让它发挥作用吗？

Answer 1

您将获得 html 响应，然后只需使用 jQuery 的 html 方法将其放入您的 content-loader div 中即可。像这样

success : function(html) {
    $('#content-loader').html(html);