Hjælp til Javascript
HTML<html>
<head>
<script src="AjaxMethods.js"></script>
</head>
<body>
<div id="myDiv"><h2>Let AJAX change this text</h2></div>
<button type="button" onclick="java script:System.GetPersonInfo();">Change Content</button>
</body>
</html>
--AjaxMethods.js
function System()
{
}
System.GetPersonInfo = function()
{
New AjaxRequest('test.txt',System.GetPersonInfoCallBack);
}
System.GetPersonInfoCallBack = function(request)
{
document.getElementById("myDiv").innerHTML = request.responseText;
}
--Ajax.js
function AjaxRequest(url, callbackfunction)
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("your browser doesn't support AJAX");
return false;
}
var callbackFunction = callbackfunction;
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
callbackFunction(xmlhttp);
}
}
xmlhttp.open("GET",url,true);
xmlhttp.send(null);
}
Min System.GetPersonInfo fejler. Er det ikke muligt at kalde en metode fra en anden js fil i samme folder på denne måde ?
Jeg vil gerne have Ajax funktionaliteten i en klasse for sig, så den er indkapslet mest muligt.
