Question

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

谢谢！

Answer 1

看一下这篇文章

Display JSON as HTML

Answer 2

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

Answer 3

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

Answer 4

这是我正在处理的App的一个片段，我从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);
                }
            });

在网站上显示JSON数据

4 个答案: