Array Fetching JS
<!-- array single record --><table id="arr1" ></table><!-- arr2 multiple records -->
<script type="text/javascript">
//array single record
var arr1 = ['one1','one2','one3'];
var i;
var text1 ="";
for(i = 0; i < arr1.length; i++)
{
text1 += "<tr><td>" + arr1[1] + "</td></tr>";
}
document.getElementById("arr1").innerHTML=text1;
//document.getElementById("arr1").innerHTML=arr1.pop(); // for last array item
</script>
Object Fetching JS
<!-- arr2 multiple records -->
<table id="arr2" cellpadding="2" style="border : solid 1px #ccc"></table>
<style type="text/css">
table, td{border: solid 1px #ccc; border-collapse: collapse;}
</style>
<script>
// array multiple records
var arr2 = [{
"userId": 1,
"id": 1,
"title": "maessad ut iasfacasfulis vasfisafvsafessfdfrra title 1",
"body": "svadas maessad ut iasfacasfulis vasfisafvsafessfdfrra"
},
{
"userId": 1,
"id": 2,
"title": "maessad ut iasfacasfulis vasfisafvsafessfdfrra title 2",
"body": "svadas maessad ut iasfacasfulis vasfisafvsafessfdfrra"
},
{
"userId": 1,
"id": 3,
"title": "maessad ut iasfacasfulis vasfisafvsafessfdfrra title 3",
"body": "svadas maessad ut iasfacasfulis vasfisafvsafessfdfrra"
}];
var text2 ="";
var i;
for(i=0; i < arr2.length; i++)
{
text2 += "<tr><td>" + arr2[i].id + "</td><td>" + arr2[i].title + "</td></tr>";
}
document.getElementById("arr2").innerHTML=text2;
</script>
