Ajax does not work !!!

Question

Hi.
I was learning ajax from w3schools.com and copied one of it's examples and paste it to a notepad, then saved it with html extension.
then I changed file names (url that will be retrieved) to one of text files in that folder.
But it creates "Access is denied" error in IE. FireFox does not even execute it.
What's the problem?
Thanks

Ravishankar Singh · Answer

Hi Majid, Problem is here: xmlhttp.open("GET","textFile.txt",false); When you are calling "textFile.txt",its not finding the url from web. for your more understanding.You can give any url and the file path e.g "http://sharepointwithravi.blogspot.com/p/about-me.html". Otherwise do the following: 1.Create an Asp.net project. 2.In your default.aspx page should look like below code: My Ajax Page function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function () { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("myDiv").innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET", "textFile.txt", false); xmlhttp.send(); } AJAX Request data 3.Add new Item ,Select Textfile.Named as textFile.txt. 4.Run your code now. Enjoy the coding :)

Ravishankar Singh · Answer

Hi Crish, Could you please share your code so that I can tell where you did mistake?(If you dont mind) :)

Crish · Answer

I am also new in ajax. I try this code which mention here but it is not working . plz help me.

Majid Kamali · Answer

My code is exactly like this but file name is different. Here's my code: function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","textFile.txt",false); xmlhttp.send(); } AJAX Request data And here's textFile.txt: Hello user. This is a text from server. What's the problem? Thanks

Ravishankar Singh · Answer

Hi Majid, You are getting error because you have not added the url in open method i.e Replace xmlhttp.open("GET","ajax_info.txt",false); to xmlhttp.open("GET","http://www.w3schools.com/ajax/ajax_info.txt",false); See the below example that I am showing you: function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("GET","http://www.w3schools.com/ajax/ajax_info.txt",false); xmlhttp.send(); document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } Let AJAX change this text Change Content Now you continue your ajax learning,Happy coding :)

Ajax does not work !!!

Answers (5)