I’m new to AJAX, and would like to include it on my website. I have this code I’m working with. Basically what I want is to use one ‘page_handler’ and one ‘add_url’ function to handle all of my links. Any help would be appreciated. Here’s the code.
<html>
<head>
<title>Untitled Document</title>
<script type=“text/javascript”>
function make_request(span_id,url){
var receiveReq = getXmlHttpRequestObject();
var url = “”;
var content = “”;
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest(); //Not IE
} else if(window.ActiveXObject) {
return new ActiveXObject(“Microsoft.XMLHTTP”); //IE
} else {
alert(“This site uses AJAX, please upgrade to Mozilla Firefox.”);
}
}
function page_handler(span_id) {
if (receiveReq.readyState == 4) {
document.getElementById([span_id]).innerHTML = receiveReq.responseText;
}
}
function add_link(url) {
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
receiveReq.open(“GET”, url, true);
receiveReq.onreadystatechange = page_handler;
receiveReq.send(null);
}
}
}
</script>
</head>
<body>
<a href=“javascript:make_request(“content”,“home.html”);”>Home</a><br>
<a href=“javascript:make_request(“content”,“portfolio.html”);”>Portfolio</a><br>
<a href=“javascript:make_request(“content”,“contact.html”);”>Contact</a><br>
<span id=“content”>Alternate Text goes Here</span>
</body>
</html>
