2010-09-20 70 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網站仍處於測試階段,但它可以讓你輸入並存儲數據,然後給你一個嵌入代碼,以在任何網頁顯示數據。