Ajax调用 - 追加php的结构echo

Question

我有点困惑，我没有线索我在找什么。 虽然我会在这里发布重要的部分，所以你可以想出和帮助我。

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调用（回响在控制台日志中的HTML结构） 。

，我不知道如何处理的部分是：“如何得到呼应HTML内容/结构，并追加到<div id="youtube_content"></div>例如，或者直接到body

Answer 1

使用.html()方法。 ：

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

---

参考文献：

• .html() - jQuery的API文档

Answer 2

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

$('#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(); 
});