如何使用 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，你可以设置dataType：

 $.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
     }
 });