Kayıtlar

JSON Örnek etiketine sahip yayınlar gösteriliyor

JSON - HTML Tablo Dönüştürücüsü(JSON to HTML Converter)

JSON verilerini HTML tabloya çeviren basit bir JavaScript uygulaması yaptım. Kodlar aşağıdaki gibidir.  <!DOCTYPE html> <html> <body>   <style>     .objeTablo th,     .objeTablo tr,     .objeTablo td {       padding: 5px;       border: solid 1px #f00;       color: #717171;       text-align: center;     }   </style> <h2>HTML Tabloya çevirmek istediğiniz JSON içeriğini buraya yapıştırın</h2> <strong>Bu kod sadece 1 seviye değerleri gösterir.Eğer bir değerin içinde başka bir nesne varsa bunları tabloda Object olarak olarak görürsünüz. </strong><br/>   <textarea cols="70" rows="20" name="jsonGir"></textarea><br />     <input type="button" value="JSON İçeriğini Göster" onclick="objGoster()" />   <table id="tabloIcerik" class="objeTablo" style="max-width: 800px; height: auto;         border: solid 1px #f00;" cellspaci

Javascript JSON Parsing Örnek 1

Resim
Javascript ile JSON formatında gelen verileri kolaylıkla parse edip bir tabloda okunaklı veriler haline getirebilirsiniz.. Örnek Kod <!DOCTYPE html> <html> <body>     <style>         .musteriTablo th, .musteriTablo tr, .musteriTablo td         {             padding: 5px;             border: solid 1px #f00;             color: #717171;             text-align: center;         }     </style>     <table id="tabloIcerik" class="musteriTablo" style="max-width: 800px; height: auto;         border: solid 1px #f00;" cellspacing="0" cellpadding="0">         <tr>             <th>                 Sipariş No             </th>             <th>                 Müşteri Adı Soyadı             </th>             <th>                 Sipariş Toplamı             </th>         </tr>     </table>     <script>         var musteriler