2010-09-20 74 views
2

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

谢谢!

回答

0

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

0

这是我从一个应用程序的工作片段,我从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); 
       } 
      }); 
1

你可以尝试使用这种JSON Data网站仍处于测试阶段,但它可以让你输入并存储数据,然后给你一个嵌入代码,以在任何网页显示数据。