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
Joe Sleiman
5,921 PointsCan 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.
Joe Sleiman
5,921 Pointsi didn't understand what you mean... i read thr article ..i did the same things
Matthew Smart
12,567 Points- Right click the page and go into inspect.
- Click on the network tab
- look at your ajax request and see what it responds with
Joe Sleiman
5,921 Pointschrome.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
12,567 Pointsalso please read this http://www.w3schools.com/xml/dom_httprequest.asp
Joe Sleiman
5,921 PointsI solve it the problem in xhr.responseText t in uppercase and it works normaly in www directory in wamp server :D
Matthew Smart
12,567 PointsAha, 9 times out of 10 its mistakes like that which have us scratching out heads for days!
Nice spot
Matthew Smart
12,567 PointsMatthew Smart
12,567 PointsWhat 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.