Hello,

I've got a bit of Ajax that I modified from a tutorial ( http://www.tizag.com/ajaxTutorial/ajax-javascript.php)

Code:

2. <script language="javascript" type="text/javascript">
3. <!-- 
4. //Browser Support Code
5. function ajaxFunction(){
6. var ajaxRequest;  // The variable that makes Ajax possible!
8. try{
9. // Opera 8.0+, Firefox, Safari
10. ajaxRequest = new XMLHttpRequest();
11. } catch (e){
12. // Internet Explorer Browsers
13. try{
14. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
15. } catch (e) {
16. try{
17. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
18. } catch (e){
19. // Something went wrong
20. alert("Your browser broke!");
21. return false;
22. }
23. }
24. }
25. // Create a function that will receive data sent from the server
26. ajaxRequest.onreadystatechange = function(){
27. if(ajaxRequest.readyState == 4){
28. var ajaxDisplay = document.getElementById('ajaxDiv');
29. ajaxDisplay.innerHTML = ajaxRequest.responseText;
30. }
31. }
32. var course_level = document.getElementById('txtCourseLevel').value;
33. ajaxRequest.open("GET", "get_courses.php?cl=" + course_level, true);
34. ajaxRequest.send(null); 
35. }
36. 
    
37. //-->
38. </script>

I would like to do this in jQuery but I'm not sure where to start.

Essentially, when I click a button, it takes the values from my form and sends it to get_courses.php?cl=X and then returns the contents of that page and puts it into a div on the original page.

Thanks, Mark