Solved

Why am I getting an XMLHttpRequest Exception 101 when attempting to use AJAX to retieve a text file in HTML5 page with javascript?

Posted on 2013-01-25
11
1,517 Views
Last Modified: 2013-02-01
Hi:

I'm new to the world of HTML5, Javascript, jquery and AJAX.
I'm trying to recreate a simple example from a tutorial I found online.
The example is supposed to grab the contents from a text file on the local disk
and populate the contents of a div with the text.

I keep running into the following exception:
------------------------------------------------------------
Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101

I see the exception occur on the Send().
I'm debugging using the Chrome debugging tools.
I'm breaking on the .send(null) line.
I hit F10.
I wait and nothing happens. I hit F10 again and I see the error.

I've tried setting asynch flag to both true and false on the .open(), but I get the same results.

It's not clear what I'm doing wrong and I have no idea on how to debug this issue.
Is it a permissions thing? I'm attempting to run this in Chrome.

Here is the snippet of javascript:
--------------------------------------------

            var xhrObject = new XMLHttpRequest();
           
            if (window.XMLHttpRequest) {
                xhrObject = new XMLHttpRequest();
            }
            else if (window.ActiveXObject) {
                xhrObject = new ActiveXObject("Microsoft.XMLHTTP");
            }


            function populateTextContentDiv(){
             
                var externalTextFile = "TextContentSample.txt";
               
                // if we can use AJAX
                 if(xhrObject) {
                 
                    // create a new variable that traverses the DOM and finds the <div> tag we put into our second parameter
                    var pageText = document.getElementById("TextContent");
                   
                    // use AJAX to place a text file we put in our first parameter
                    xhrObject.open("GET", externalTextFile, true);
                   
                    // if our AJAX variable found our data and the server is ready to send it out, bundle our data as a text string
                     xhrObject.onreadystatechange = function () {
                        if(xhrObject.readyState == 4 && xhrObject.status == 200) {
                            pageText.innerHTML = xhrObject.responseText;
                        }
                    }
                     
                    // send our data out
                     xhrObject.send(null);
                 }                
            }
0
Comment
Question by:jxbma
  • 4
  • 3
  • 2
  • +2
11 Comments
 
LVL 1

Author Comment

by:jxbma
ID: 38819570
I forgot to mention that the text file I'm trying to load exists in the same directory where my html page is.
0
 
LVL 82

Expert Comment

by:leakim971
ID: 38819639
what is the URL?
0
 
LVL 1

Author Comment

by:jxbma
ID: 38819665
This is the URL of my main page.

file:///C:/Dev%20Projects/Project1/FrontEnd/WebPages/Framework/Project1/index.html#

I'm simply loading this URL into Chrome and working locally.

Thanks,
JohnB
0
Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

 
LVL 82

Expert Comment

by:leakim971
ID: 38819684
OK, you CAN'T use this protocol with ajax.
You can use only http:// or https://
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 38819782
@leakin971 is right, that won't work.  Here's a whole page of reasons why: http://code.google.com/p/browsersec/wiki/Part2

You need to run thru a web server to make that work at all.
0
 
LVL 1

Author Comment

by:jxbma
ID: 38819787
Is here an easy way to set that up locally?
I'm pretty green at this...

Thanks,
JohnB
0
 
LVL 82

Expert Comment

by:leakim971
ID: 38819811
0
 
LVL 16

Expert Comment

by:kiranvj
ID: 38821578
If you don't what to run from a webserver, that is not http/https    from file:// protocol just like you were doing

try something like this.

 xhrObject.onreadystatechange = function () {

if((xhrObject.readyState == 4 && xhrObject.status == 200) ||  (xhrObject.status == 200 && document.location.protocol == "file:")) {
                            pageText.innerHTML = xhrObject.responseText;
                        }

Open in new window


hope this helps,
kiranvj
0
 
LVL 11

Expert Comment

by:mcnute
ID: 38822321
You can use xampp to establish a local webserver where you can simulate an ajax call.
0
 
LVL 1

Author Closing Comment

by:jxbma
ID: 38845429
Spot on. I was having Cross Domain issues.<br />I created in instance in IIS and and running though that fine.<br /><br />Thanks,<br />JB
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 38845467
You're welcome, thanks for the points.  That article explains a lot of things.
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

805 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question