如何通過json和ajax傳遞HTML

Question

我試圖使用JSON編碼函數和Ajax顯示數據庫的輸出。但是，我越來越難以通過html元素「」和php「例如」。顯示來自服務器的數據的變量。我希望使用json和ajax請求顯示輸出。謝謝。

這裏是我的代碼

//js 
    function mpo() 
{ 
    $.ajax({ 
     url: "main.php", 
     cache: false, 
     success: function(html){ 
      $("#show_div").html(html); 
     } 
    }); 
} 


//php 

$bu = "<div class='main' style='margin-left:" .($level*60). "px'>";  
$bu = "<div class='main_one'>"; 
$bu = "<div class='main_User'>" .($same[2]) . "</div>"; 
$bu = "<div class='main_Msg'>" .($same[3]) . "</div>"; 
$bu = "<div class='main_Date'>" . ($same[4]) . "</div>"; 
$json =array('bu'=>$bu); 
echo json_encode($json);   

Answer 1

您可以使用dataType : 'html'這個你不科目編號，以JSON編碼

//js 
    function mpo() 
{ 
    $.ajax({ 
     url: "main.php", 
     cache: false, 
     dataType : 'html' 
     success: function(html){ 
      $("#show_div").html(html); 
     } 
    }); 
} 

//php 

$bu = "<div class='main' style='margin-left:" .($level*60). "px'>";  
$bu = "<div class='main_one'>"; 
$bu = "<div class='main_User'>" .($same[2]) . "</div>"; 
$bu = "<div class='main_Msg'>" .($same[3]) . "</div>"; 
$bu = "<div class='main_Date'>" . ($same[4]) . "</div>"; 

echo $json;die; 

Answer 2

你缺少兩件事情：

1. 你（也許...）需要解析JSON。
2. 您需要從解析對象中獲取正確的元素。

要讓jQuery的自動解析JSON，您可以設置數據類型：

$.ajax({ 
    url: "main.php", 
    dataType: 'json', 
    ^^^^^^^^^^^^^^^^ set the data type of the returned data 
    cache: false, 
    success: function(html){ 
     $("#show_div").html(html.bu); 
          ^^^^^^^ get the correct element 
    } 
});