在网站上显示 JSON 数据答案

【问题标题】：Displaying JSON Data On A Website在网站上显示 JSON 数据
【发布时间】：2011-04-14 19:38:15
【问题描述】：

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

谢谢！

【问题讨论】：

标签： php jquery css json

【解决方案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; width=" + "'60'" + " height=" + "'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);
                }
            });

【讨论】：