JQUERY make html table data received as json from another file jquery - Net-Raft.com

Welcome aboard! We are happy you are here and wish you good net-raft!

Just a Web Code Solution
join us

how to make an HTML table with data received as JSON from an another file using jquery ?


 601

Show ResultJQUERY


3

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>

<table id="demo"></table>

<script>

$(document).ready(function () {

$.get("/json/json.txt", function(data, status){

var myObj = $.parseJSON(data);

for (i in myObj.records) {

$("#demo").html($("#demo").html() + "<tr><td>" + myObj.records[i].Tech +
"</td><td>" + myObj.records[i].Side + "</td></tr>");

}

});
});

</script>

</body>
</html>

// this json put into json.txt
{
"records": [
{
"Tech": "Angularjs",
"Side": "client"
},
{
"Tech": "Javascript",
"Side": "client"
},
{
"Tech": "PHP",
"Side": "server"
},
{
"Tech": "Node.js",
"Side": "server"
}
]
}

By        
The power of the user (%)
10%

The most helpful JQUERY solutions

plugin get client ip address using jqueryplugin get client ip address using jqueryJQUERY

Click to see more ...

  11K     1.8K
How to get client machine name or computer name with jquery?How to get client machine name or computer name with jquery?JQUERY

Click to see more ...

  16.3K     793
plugin detect country jqueryplugin detect country jqueryJQUERY

Click to see more ...

  5.9K     772
cookie jquerycookie jqueryJQUERY

Click to see more ...

  4K     398
plugin convert thousands to K jqueryplugin convert thousands to K jqueryJQUERY

Click to see more ...

  3.5K     402
show position on google map jqueryshow position on google map jqueryJQUERY

Click to see more ...

  2.8K     389
how to create a jquery plugin for converting date to days ago, month ago and year ago ?how to create a jquery plugin for converting date to days ago, month ago and year ago ?JQUERY

Click to see more ...

  3K     349
How to detect the version of IE browser using jquery ?How to detect the version of IE browser using jquery ?JQUERY

Click to see more ...

  2.8K     338
How to get top, right, left, bottom position of element div using jquery ?How to get top, right, left, bottom position of element div using jquery ?JQUERY

Click to see more ...

  3K     296
how to get ip address using jquery ?how to get ip address using jquery ?JQUERY

Click to see more ...

  2.6K     286
Welcome aboard!
We are happy you are here and
wish you good net-raft!