JamesBrown Posted January 16, 2015 Share Posted January 16, 2015 I am trying to learn Ajax and on the very first Ajax example. It works as expected. If I copy the code and past it into a file in my web site. It doesn't work. I can see the initial text fine but clicking the 'Change Content' button does nothing. What am I missing on this first example. Link to comment Share on other sites More sharing options...
Ingolme Posted January 16, 2015 Share Posted January 16, 2015 First, check your Javascript console for error messages. For security reasons, requesting files from other domain names is not permitted. Link to comment Share on other sites More sharing options...
thescientist Posted January 16, 2015 Share Posted January 16, 2015 Also provide the code your are using Link to comment Share on other sites More sharing options...
JamesBrown Posted January 17, 2015 Author Share Posted January 17, 2015 Its the code right from the first Ajax example...<!DOCTYPE html><html><head><script>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","ajax_info.txt",true);xmlhttp.send();}</script></head><body><div id="myDiv"><h2>Let AJAX change this text</h2></div><button type="button" onclick="loadXMLDoc()">Change Content</button></body></html> Link to comment Share on other sites More sharing options...
Ingolme Posted January 17, 2015 Share Posted January 17, 2015 If you're testing on your local filesystem, the xmlhttp.status is always 0, never 200, because there's no server. Also make sure that the file "ajax_info.txt" exists. Link to comment Share on other sites More sharing options...
JamesBrown Posted January 17, 2015 Author Share Posted January 17, 2015 Yes of course Foxy. No .txt file All is well and joy reigns o'r the land. Link to comment Share on other sites More sharing options...
AndersonLy Posted January 19, 2015 Share Posted January 19, 2015 This is a hint: xmlhttp.open("GET","ajax_info.txt",true); The blue highlight just a text file they created. You can write whatever word and save it as .txt and put it into your one folder of index.html. Link to comment Share on other sites More sharing options...
AndersonLy Posted January 19, 2015 Share Posted January 19, 2015 (edited) <!DOCTYPE html> <html> <head> <script> 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","myfile.txt",true); xmlhttp.send(); } </script> </head> <body> <div id="myDiv"><h2>Let AJAX change this text</h2></div> <button type="button" onclick="loadXMLDoc()">Change Content</button> </body> </html> Edited January 19, 2015 by AndersonLy Link to comment Share on other sites More sharing options...
AndersonLy Posted January 19, 2015 Share Posted January 19, 2015 Not only Ajax but also HTML, CSS, ASP, PHP, Jquery, Javascript is easy to learn if you try it and discuss it. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now