php - Ajax 调用 - 附加 php echo 的结构

Question

我有点困惑，不知道我在寻找什么。尽管我将在这里发布重要部分，以便您可以弄清楚并帮助我。

A part of PHP file:

if (empty($vid) || empty($entry)) {
    $broken = TRUE;
}

if(!$broken) {
    $video = parseVideoEntry($entry);

    echo "
        <div class=\"video_wrap\">
            <div class=\"video_thumbnail\">
                <a href=\"{$video->watchURL}\">
                    <img src=\"$video->thumbnailURL\">
                </a>
            </div>
        </div>
        <!-- More of structure parts here -->
    ";
}

A part of HTML structure:

<form action="" method="GET" style="margin: 5% 0;" id="youtube_fetch">
    <input type="text" name="id" value="https://www.youtube.com/watch?v=VIDEO_ID_HERE" id="videoID_input" />
    <input type="submit" id="fetch_submit" />
</form>

A part of jQuery / Ajax call:

$('#fetch_submit').on('click', function (e) {
    var videoID = $('#videoID_input').val();

    $.ajax({
        url: 'inc/YouTube_API_Fetch_ID.php',
        type: 'GET',
        data: { id: videoID },
        success: function (state) {
            var newState = $.trim(state);

            if (newState == '')
                alert('Return an Error later!');
            else
                console.log(state);
        }
    });

    e.preventDefault();
});

好的，当我将有效的 youtube ID 放入输入字段时，它将返回 ajax 调用的 else(回显控制台日志中的 html 结构)。

我不知道如何处理的部分是:“如何获取回显的 HTML 内容/结构并将其附加到 <div id="youtube_content"></div> 例如或直接附加到 body 。

Answer 1

使用.html()方法:

$('#youtube_content').html(state);

<小时/>

引用文献:

• .html() - jQuery API 文档