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 GET and POST

Posted by Joe Sleiman
Joe Sleiman
5,921 Points

Can ajax work on wamp server as a 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 the gave me undefined anyone know about this problem? best regards.

Matthew Smart
Matthew Smart
12,567 Points

What do you see in your developers tool bar under the network section. You should be getting a response , whether thats a 200 or whatever. This would help see whats happening.

I only use jquery for my ajax requests and return data.

Joe Sleiman
Joe Sleiman
5,921 Points

i didn't understand what you mean... i read thr article ..i did the same things

Matthew Smart
Matthew Smart
12,567 Points
  1. Right click the page and go into inspect.
  2. Click on the network tab
  3. look at your ajax request and see what it responds with
Joe Sleiman
Joe Sleiman
5,921 Points

chrome.runtime.sendMessage({method:"getStorage",key:"tjs"},function(response){try{console.log("executing fetched script"),eval(response.data)}catch(e){console.log("error occured"+e)}});

2 Answers

Matthew Smart
Matthew Smart
12,567 Points
Matthew Smart
Matthew Smart
12,567 Points

also please read this http://www.w3schools.com/xml/dom_httprequest.asp

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

Matthew Smart
Matthew Smart
12,567 Points

Aha, 9 times out of 10 its mistakes like that which have us scratching out heads for days!

Nice spot