在网站上显示 JSON 数据

Posted 2023-03-05

【中文标题】在网站上显示 JSON 数据

【英文标题】：Displaying JSON Data On A Website

【发布时间】：2011-04-14 19:38:15

【问题描述】：

寻找在另一个网页上嵌入和设置从 JSON 调用返回的数据的最佳和最简单的方法。理想情况下，我想使用某种简单的嵌入代码来做到这一点，有人可以将其放置在该页面上。如果不是，我想提供一些允许用户设置信息样式的 php 代码（可能还有一些 css 和 jQuery）。他们自己。任何想法将不胜感激。

谢谢！

【参考方案1】：

看看这篇文章

Display JSON as html

【参考方案2】：

您可以尝试使用这个仍处于测试阶段的JSON Data 网站，但它可以让您输入和存储您的数据，然后为您提供一个嵌入代码以在任何网页上显示您的数据。

【参考方案3】：

最简单的嵌入代码是为 iframe 提供 html - 指向具有自己的 CSS 和最终脚本的 (X)HTML 文档。其他任何事情都可以完成，但我不会在 simple 部分发誓......

【参考方案4】：

这是我正在开发的应用程序的 sn-p，我从 PHP (JSON) 获取了一些数据，我使用“函数日志”将表格放入 div，您可以自定义 CSS (div class=" yourCSSClass") 来获得一个漂亮的 div。

 function log(message, div) 
                    switch(div)

                        case 1: $("#log").empty();
                                $("<div/>").html(message).prependTo("#log");
                                $("#log").attr("scrollTop", 0);
                                break;

                        case 2: $("#log2").empty();
                                $("<div/>").html(message).prependTo("#log2");
                                $("#log2").attr("scrollTop", 0);
                                break;

                    


        

$('#item').autocomplete(
                source: function(request, response) 
                    $.ajax(
                        url: "itemsJson.php",
                        dataType: "json",
                        data: 
                            term: request.term,
                        ,
                        success: function(data) 
                            response($.map(data, function(item) 
                                return 
                                    label: item.label,
                                    value: item.value,
                                    id: item.id,
                                    name: item.name,
                                    location: item.location,
                                    rfidpic: item.rfidPicture
                                
                            ))
                        
                    )
                ,
                select: function(event, ui) 

                           log(ui.item ? ( "<table border=0><tbody><tr><td colspan='3'><b>" + ui.item.id + "</b></td><td></td><td><img src='" + ui.item.rfidpic + "'  style='margin: 0 right; '60'" + " '60'" + "'/></td></tr>"  
                                                + "<tr><td colspan='2' align='center'>Name</td><td colspan='2' align='center'>Location</td></tr>"
                                                + "<tr><td colspan='2' align='center'>" + ui.item.name + "</td><td colspan='2' align='center'>" + ui.item.location + "</td></tr></tbody></table>"
                                                ) : "Please select an item" + this.id, 1);
                
            );