proper use for ajax calls

I am struggling to figure out how to get ajax to to work as a framework addon. I have this simple code away from the framework and it works as expected:

in my addon.inc.php:

1. function mycomps_add_listing() {
2. global $jscript;
3. $jscript .= '<script language="javascript" type="text/javascript">
4. <!--
5. //Browser Support Code
6. function ajaxFunction(){
7. var ajaxRequest; // The variable that makes Ajax possible!
9. try{
10. // Opera 8.0+, Firefox, Safari
11. ajaxRequest = new XMLHttpRequest();
12. } catch (e){
13. // Internet Explorer Browsers
14. try{
15. ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
16. } catch (e) {
17. try{
18. ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
19. } catch (e){
20. // Something went wrong
21. alert("Your browser broke!");
22. return false;
23. }
24. }
25. }
26. // Create a function that will receive data sent from the server
27. ajaxRequest.onreadystatechange = function(){
28. if(ajaxRequest.readyState == 4){
29. document.myForm.button.type = "text";
30. document.myForm.button.value = ajaxRequest.responseText;
31. }
32. }
33. ajaxRequest.open("GET", "/v4.1/addons/mycomps/serverTime.php", true);
34. ajaxRequest.send(null);
35. }
36. -->
37. </script>';
38. $display = '<form name="myForm">
39. <input type="button" onClick="ajaxFunction();" name="button" value="Click Me!" />';
40. return $display;
41. }

My php file simply returns an echo statement.

The script will works fine when I use it outside of the addon environment.

I simply am trying to design a button that will run a php file (mysql query) on click.

I would be open to alternative approaches also.

Thank you for taking the time to read my post.