javascript
  • php
  • jquery
  • ajax
  • 2016-08-07 39 views 0 likes 
    0

    我真的對Ajax有很大困難,這次我無法將一些HTML代碼附加到div。如何通過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(); 
    ?> 
    

    是否有任何機會,以使其工作?

    +0

    的可能的複製[加載HTML頁面動態成與jQuery的div](http://stackoverflow.com/questions/14735762/load-html-page-dynamically-into-div-with-jquery) – Ozan

    +0

    @Ozan我不認爲這是重複的,我的問題在這裏涉及到一個Ajax POST – NineCattoRules

    回答

    1

    你正在得到html的迴應,然後簡單地把它放在你的content-loader股利用jQuery的html方法。這樣

    success : function(html) { 
        $('#content-loader').html(html); 
    
    相關問題