0

我有点困惑，我不知道我在找什么。尽管我会在这里发布重要部分，以便您了解并帮助我。

PHP文件的一部分：

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 -->
    ";
}

HTML结构的一部分：

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

jQuery / Ajax 调用的一部分：

$('#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>example 或直接附加到body.

4

2 回答 2

2

使用.html()方法：

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

参考：

于 2013-05-26T15:07:54.597 回答
1

如果我正确理解您的问题：

$('#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 {
                $('<div />', {
                    id: 'youtube_content'
                }).appendTo('body');

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

    e.preventDefault();
});
于 2013-05-26T15:10:32.280 回答