Read a json file thru javascript and display as HTML table
Asked By: bukli
Originally Asked On: 2014-01-02 08:31:44
Asked Via: stackoverflow
Added GET response header. Please see if u get any clue… Thanks for your time
*Revised question with new code and the results *
I have a set of json files web hosted by mongoose in my localhost. I want to read one of those json files,parse it and display in a HTML page as a table. This HTML based table is to be later consumed by another application.Please note that the mongoose web server is just hosting the files. I am not sure if it will support any GET/POST requests.
Trying to read the file thru Ajax request. Here is my code with the console output below. Please advise.
<html> <head> <meta charset="UTF-8"> <title>ajaxtester</title> <script type="text/javascript"> function loadXMLDoc(){ var xhr; if (window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { xhr=new ActiveXObject("Microsoft.XMLHTTP"); } xhr.onreadystatechange = function() { console.log("within function"); if (xhr.readyState==4 && xhr.status==200) { console.log("If check passed") console.log(xhr.readyState); console.log(xhr.status); document.getElementById("myDiv").innerHTML=xhr.responseText; } else { console.log("Failed If check") console.log(xhr.readyState); console.log(xhr.status); } } console.log("After rdystate function") console.log(xhr.readyState); xhr.open("GET","http://localhost:8080/iso.txt",true); xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(); console.log("SEND"); console.log(xhr.readyState); console.log(xhr.status); console.log(xhr.statusText); } </script> </head> <body> <div id="myDiv"> <p>Let AJAX change this text!</p> </div> <button type="button" onclick="loadXMLDoc()">Change Content</button> </body>After rdystate function
0within function
Failed If check
1
0GET
http://localhost:8080/iso.txt200 OK 2msSEND
1
0
(an empty string)within function
Failed If check
2
0within function
Failed If check
4
0As you see there is a GET request with status code 200, but xhr.status always returns 0.
Also the GET response header in firebug shows the content length correctly. But the actual response remains elusive.Response header of GET request. Note the connection-close, Is this a normal behavior ?
Response Headers
Accept-Ranges bytes
Connection close
Content-Length 5
Content-Type text/plain
Date Fri, 03 Jan 2014 15:29:41 GMT
Etag “52c59fe6.5”
Last-Modified Thu, 02 Jan 2014 17:20:38 GMT
He received 1 answers
without selecting any answers.
If the selected answer did not help you out, the other answers might!
All Answers For: Read a json file thru javascript and display as HTML table
bukli’s answer to
Read a json file thru javascript and display as HTML table
Found the answer here http://www.daniweb.com/web-development/javascript-dhtml-ajax/threads/282972/why-am-i-getting-xmlhttprequest.status0
I changed the url of my script browser to localhost:8080/readfile.html and it worked like a magic. No other changes made.
Of course, you should really check out the original question.
The post Read a json file thru javascript and display as HTML table appeared first on Tech ABC to XYZ.