Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript AJAX Basics (retiring) AJAX Concepts A Simple AJAX Example

Joe Sleiman
Joe Sleiman
5,921 Points
Posted by Joe Sleiman
Joe Sleiman
5,921 Points

can ajax work in wamp server as local server?

``<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href='//fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <title>AJAX with JavaScript</title> <script> var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){ if(xhr.readyState === 4){ document.getElementById('ajax').innerHTML = xhr.responsetext; } }; xhr.open('GET' , 'sidebar.html'); xhr.send(); </script> </head> <body> <div class="grid-container centered"> <div class="grid-100"> <div class="contained"> <div class="grid-100"> <div class="heading"> <h1>Bring on the AJAX</h1> </div> <div id="ajax">

      </div>
    </div>
  </div>
</div>

</div> </body> </html>`` i using this 4 step for ajax but when i run it on google chrome and i puted all the file in www directory in wamp server but it gave me undefined anyone know about this problem? best regards.

4 Answers

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

yes

as long you use. localhost and not the file directory.

Joe Sleiman
Joe Sleiman
5,921 Points
Joe Sleiman
Joe Sleiman
5,921 Points

that's mean where should i put the files if it isn't in the www directory? because i know when i work on php file i put all the files in www directory

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

same place as your php files. The entire app needs to access those files.

Joe Sleiman
Joe Sleiman
5,921 Points
Joe Sleiman
Joe Sleiman
5,921 Points

so i did it and it didnt run it gave me undefined

Joe Sleiman
Joe Sleiman
5,921 Points
Joe Sleiman
Joe Sleiman
5,921 Points

I solve it the problem in xhr.responseText t in uppercase and it works normaly in www directory in wamp server :D