Home/ Questions/Q 8327737
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T01:12:54+00:00

I have accessed the JSON data through web service call and parsed the JSON

  • 0

I have accessed the JSON data through web service call and parsed the JSON data. I would like to know how to print that JSON data in HTML table???

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>File Download</title>
<script type="text/javascript" src="Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript">

    function jsonparser1() {
        $.ajax({
            type: "GET",
            crossDomain: true,
            url: "http://10.211.2.219:8080/JerseyWebService/rest/sample/files",
            dataType: "jsonp",
            success: function (res) {
                $.each(res['data'], function (i, row) {
                    var ftime = row['time'];
                    var fname = row['name'];
                    var fhref = row['href'];

                    document.myform.???????????????=ftime;
                    ??????????????????????????????????????
                    ??????????????????????????????????????  
                })
            },

            error: function (xml) {
                alert(xml.status + ' ' + xml.statusText);
            }
        });
    }        
</script>    
</head>
<body>
<form name="myform">
    <input type="button" name="clickme" value="Click here to display the details of the files" onclick=jsonparser1() />
    ??????????????????????????????????????????
    ??????????????????????????????????????????     
</form>
</body>
</html>

The JSON data i am using is:

{"data":[{"id":13,"time":"02-08-2012 3:24:45 PM","name":"jersey-multipart-1.0.3.144640.jar","href":"file://chndlf716168/TempUp/1343901285087-FileName-jersey-multipart-1.0.3.144640.jar"},{"id":14,"time":"02-08-2012 3:36:0 PM","name":"icloud_hero.png.png","href":"file://chndlf716168/TempUp/1343901960304-FileName-icloud_hero.png.png"}],"code":true}

I would like to display the time,name and href attributes in a table format. The href should be in anchor tag. If more number of data are appended into JSON file means, the table should be flexible to change. First step is that i have to display the details in table format.

Anybody please helpout in this thing… Thanks in advance…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hope this helps:

    $("document").ready(function() {
    $.getJSON("http://localhost:1909/encoders", function(data) {

        $("#div-my-table").text("<table>");

        $.each(data, function(i, item) {
            $("#div-my-table").append("<tr><td>" + item.EncoderName +"</td><td>" + item.EncoderStatus + "</td></tr>");
        });

        $("#div-my-table").append("</table>");

    });
});
    • 0