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 を入力フィールドに入力すると、else が ajax 呼び出しから返されます (コンソール ログの html 構造をエコーし​​ます)。

対処方法がわからない部分は次のとおりです。「エコーされた HTML コンテンツ/構造を取得し、<div id="youtube_content"></div>たとえばに追加するか、body.

4

2 に答える 2

2

.html()次の方法を使用します。

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

参考文献:

  • .html()- jQuery API ドキュメント
于 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 に答える