如何將JSON.stringify打印到div或表中

Question

如何將JSON.stringify打印到div或表中？ 或在自定義部分按ID ??

這是我的鱈魚：

JS

$(document).ready(function() {
    $.ajax({
        type : 'POST',
        url : 'server.php',
        dataType:"json",
        success : function (data) { 
            $("#orders").html(JSON.stringify(data));
        }
    }); 
});

PHP

<?php 
    $db = new PDO('mysql:host=localhost;dbname=Contact', 'root', '');
    $statement=$db->prepare("SELECT * FROM myfeilds");
    $statement->execute();
    $results=$statement->fetchAll(PDO::FETCH_ASSOC);
    $json=json_encode($results);
    echo $json;
?>

Answer 1

您可以使用Angular / Kendo / Knockout或任何此類框架來解決此問題。 以下示例說明了如何使用kendo ui解決此問題http://docs.telerik.com/kendo-ui/framework/templates/overview

 function getAjax(){ // in here put your ajax call. in this time i hardcode some values var val = []; val.push({id:'1',name:'google'}); val.push({id:'2',name:'yahoo'}); val.push({id:'3',name:'fb'}); return val; } $(()=>{ var val = getAjax(); //Get the external template definition using a jQuery selector var template = kendo.template($("#javascriptTemplate").html()); //Create some dummy data var data = template(val); //Execute the template $("#input").html(data); //Append the result }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://kendo.cdn.telerik.com/2017.1.118/js/kendo.all.min.js"></script> <div id='input'> </div> <script id="javascriptTemplate" type="text/x-kendo-template"> <table> # for (var i = 0; i < data.length; i++) { # <tr> <td> #= data[i].id #</td> <td>#= data[i].name # </td> </tr> # } # </table> </script> 

Answer 2

JSON不是HTML：

$("#orders").html(JSON.stringify(data));

我想你要：

$("#orders").text(JSON.stringify(data));

當然，它看起來不會很好，因為JSON是為計算機而非人設計的。