פיתוח תוכנה ובניית אתרים תוכנה לעסקים






פיתוח תוכנה ובניית אתרי אינטרנט
תוכנות לעסקים פיתוח תוכנה ובניית אתרים
התחברות לקוחות
כניסת לקוחות

 
 
כניסת לקוחות

  שכחת את הסיסמה?
תוכנות לדוגמא



 
חברת PC GROUP מתמחה במתן פתרונות מיחשוב מתקדמים לעסקים ולפרטיים. פיתוח תוכנות תפורות ומותאמות לעסקים שונים. בניית אתרי תדמית, אתרי מכירות, אתרים פנימיים לניהול עסק ותחזוקת מערכות מחשבים בעסק. אנו מתמסרים ללקוחותינו ומשתדלים בכל כוחנו לספק את המוצר הטוב ביותר במחירים הוגנים.
יצירת קשר מידע על תוכנה 052-663-5054
PC GROUP
  ניתן ליצור קשר בטלפון בין השעות 19:00 - 8:00
מעבר לשעות הנ"ל ניתן ליצור קשר דרך האתר

  טופס יצירת קשר dot   כתובת מייל dot   קבל הצעת מחיר dot
מחשבמידע על תוכנה

Build table from json with javascript
 
Assuming you have a web api that returns JSON:

public class ValuesController : ApiController
  {
    // GET api/values
    public JToken[] Get()
    {
      JToken[] json = new JToken[2];
      json[0] = JObject.Parse("{ 'firstname' : 'Jason', 'lastname' 

: 'Voorhees' }");
      json[1] = JObject.Parse("{ 'firstname' : 'Dean', 'lastname' 

: 'Volvo' }");
      json[1] = JObject.Parse("{ 'firstname' : 'ijnection', 

'lastname' : '<script>alert()</script>' }");
      return json;
    }  
  }


  <system.webServer>
<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      </customHeaders>
    </httpProtocol>
  </system.webServer>



Then you can build an html from it with javascript:

<script src="http://code.jquery.com/jquery-

1.11.3.min.js"></script>
  <script>
    var url = "http://localhost:58655/api/values";   

    $.getJSON(url, function (data) { //data is array of JSON 

objects      
      var table = $("#target_table_id")[0];      
      
      var headRow = addHeaderRowTo(table);      
      createTableHeader(data[0], headRow);
      addTableBodyFromJsonTo(table, data);
    });

    function addHeaderRowTo(table)
    {
      var head = table.createTHead();
      var headRow = head.insertRow();
      return headRow;
    }

    function createTableHeader(dataObject, headRow)
    {
      $.each(dataObject, function (k, v) { //iterate each property 

of object
        headRow.insertCell().appendChild(document.createTextNode

(k.toString()));
      });
    }

    function addTableBodyFromJsonTo(table, jsonArray)
    {
      var tblBody = document.createElement("tbody");
      $.each(jsonArray, function () { 
        var tblRow = tblBody.insertRow();
        $.each(this, function (k, v) {//'this' is each array's 

element, iterate its properties
          var cell = tblRow.insertCell();
          cell.appendChild(document.createTextNode(v.toString()));
        })
      })
      table.appendChild(tblBody);
    }

</script>



Post a comment
Your name:

Your comment:


 

מידע על תוכנה
מידע על תוכנה
בית תוכנה לעסקים ולפרטיים