Assi 5
Assi 5
=> write javascript code to display txtfile data, xmlfile data, jsonfile data in table formate at browser.
<html>
<script>
var ar=new Array;
var ax=new Array;
var ac=new Array;
function getjson()
{
var r=new XMLHttpRequest();
r.open("GET","a.json");
r.onreadystatechange=function()
{
if(this.readyState==4 && this.status==200)
{
var res=this.responseText;
var x=JSON.parse(res);
}
r.send();
}
function getxml()
{
var r=new XMLHttpRequest();
r.open("GET","a.xml")
r.onreadystatechange=function()
{
if(this.readyState==4 && this.status==200)
{
var res=this.responseXML;
var x=res.getElementsByTagName("rollno");
var y=res.getElementsByTagName("sname");
txt1+="<tr><td>"+x[i].childNodes[0].nodeValue+"</td><td>"+y[i].childNodes[0].nodeValue+"</
td></tr>";
}
txt1+="</table>";
}
document.getElementById("id2").innerHTML=txt1;
}
r.send();
}
function gettxt()
{
var req=new XMLHttpRequest();
req.open("GET","a.txt");
req.onreadystatechange=function()
{
if(this.readyState==4 && this.status==200)
{
var d=this.responseText;
var a="<table border=10 bgcolor=blue><tr><th>data txt</th></tr>";
x=0;
for(var i=0;i<d.length;i++)
{
var part=d.substr(i,1);
ac[x]=part;
x++;
a=a+"<tr><td>"+part+"</td></tr>";
}
a=a+"</table>";
document.getElementById("id3").innerHTML=a;
}
}
req.send();
}
function com()
{
var ans="<table border=10 bgcolor=blue><tr><th>rollno</th></tr>";
for(var i=0;i<ac.length;i++)
{
if(ax[i]==ar[i] && ax[i]==ac[i])
{
ans=ans+"<tr><td>"+ac[i]+"</td></tr>";
}
else
{
alert("data is not same");
}
}
ans=ans+"</table>";
document.getElementById("id4").innerHTML=ans;
}
</script>
<body style="background-color: rgb(197, 133, 183);">
<body>
<button onclick=getjson()>load json</button>
<button onclick=getxml()>load xml</button>
<button onclick=gettxt()>load txt </button>