代码之家 › 专栏 › 技术社区 › user379468

在网站上显示JSON数据

json css jquery php

user379468 · 技术社区 · 14 年前

在另一个网页上寻找嵌入和样式化JSON调用返回的数据的最佳和最简单的方法。理想情况下,我想用一些简单的嵌入代码来实现这一点,有人可以将这些代码放在页面上。如果没有,我想提供一些PHP代码(可能还附带一些CSS和jquery),允许用户设置信息的样式。他们自己。任何想法都会受到赞赏。

谢谢!

4 回复 | 直到 9 年前

Community CDub 8 年前

看看这个帖子

Display JSON as HTML

Jon Lin 12 年前

你可以试着用这个 JSON Data 网站仍然是测试版,但它允许你输入和存储你的数据,然后给你一个嵌入代码来显示你的数据在任何网页上。

djn 14 年前

所有嵌入代码中最简单的一个就是为一个iframe提供HTML,该iframe指向一个(x)HTML文档及其自己的CSS和最终脚本。任何其他事情都可以做,但我不会对 简单的 部分…

Felix 14 年前

这是我正在开发的一个应用程序的一个片段,我从PHP(JSON)中获取一些数据,我使用“函数日志”将表放入一个DIV中,您可以自定义一个CSS(DIV class=“yoursClass”)来获取一个奇特的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);
                }
            });