problem in the ajax code.

2.php
<script type="text/javascript" language="javascript" src="2.js"></script>
<form method="post" onsubmit="return redirect_page()">
<select id="menu" name="menu">
       <option value="" selected="selected">Select</option>
        <option value="new.php" title="create new">create new</option>
                <option value="products.php" title="Products">Products</option>
                <option value="services.php" title="Services">Services</option>
</select>
<input type="submit" name="submit" value="Go">
</form>
<div id="abc"></div>
 
2.js
function createObject() {
        var request_type;
        var browser = navigator.appName;
        if(browser == "Microsoft Internet Explorer"){
                request_type = new ActiveXObject("Microsoft.XMLHTTP");
        } else{
                request_type = new XMLHttpRequest();
        }
        return request_type;
}
var http = createObject();
 
function redirect_page(){
        alert("hi")
        http.open('get', document.getElementById('menu').options[document.getElementById('menu').selectedIndex].value, true); // here is the problem
        http.onreadystatechange = function(){
                if(http.readyState == 4){
                        var response = http.responseText;
                        alert(response)// here no response is coming.
                        document.getElementById('abc').innerHTML = response;
                        }
                }
        http.send(null);
}

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:

2.php
<script type="text/javascript" language="javascript" src="2.js"></script>
<form method="post" onsubmit="return redirect_page()">
<select id="menu" name="menu">
       <option value="" selected="selected">Select</option>
        <option value="new.php" title="create new">create new</option>
                <option value="products.php" title="Products">Products</option>
                <option value="services.php" title="Services">Services</option>
</select>
<input type="submit" name="submit" value="Go">
</form> 
<div id="abc"></div>
 
2.js
function createObject() {
        var request_type;
        var browser = navigator.appName;
        if(browser == "Microsoft Internet Explorer"){
                request_type = new ActiveXObject("Microsoft.XMLHTTP");
        } else{
                request_type = new XMLHttpRequest();
        }
        return request_type;
}
var http = createObject();
 
function redirect_page(){
        //alert("hi")
		var SelectedMenu = document.getElementById('menu');     
		var page = SelectedMenu.options[SelectedMenu.selectedIndex].value; //this contains the name of the page
		var text = SelectedMenu.options[SelectedMenu.selectedIndex].text;  //this contains the name of the text 		 
        http.open('get',page, true); // here we are calling the respective page
        http.onreadystatechange = function(){
                if(http.readyState == 4){
                        var response = http.responseText;
                        //alert(response)// here no response is coming.
                        document.getElementById('abc').innerHTML = response;
                        }
                }
        http.send(null);
}
products.php
<?php
echo "prod"; // this 
?>
 
services.php
<?php
echo "serv";
?>

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:

function redirect_page(){
        //alert("hi")
		var SelectedMenu = document.getElementById('menu');     
		var page = SelectedMenu.options[SelectedMenu.selectedIndex].value; //this contains the name of the page
		var text = SelectedMenu.options[SelectedMenu.selectedIndex].text;  //this contains the name of the text 		
		alert(page)
		alert(text)
        http.open('get',page, true); // here we are calling the respective page
        http.onreadystatechange = function(){
                if(http.readyState == 4){
                        var response = http.responseText;
                        alert(response)// here no response is coming.
                        document.getElementById('abc').innerHTML = response;
                        }
                }
        http.send(null);
}

                                              

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17: