This is for ColdFusion aficionados who want to use Ajax. Ajax is implemented in such a way that ColdFusion method calls on the server gets executed using JavaScript a la Ajax. This tutorial shows you where to get the code and how to implement it on your local server.
CFAjax: What it is and How to Use it - CFAjax implementation of a ColdFusion function (Page 3 of 5 )
In this case, the same function will be used as in the previous case. The values for x and y will be pulled from two textboxes in the client file MyCFajax.htm sent to the server. The JavaScript on this file looks up external .js files on the server in the core folder. Some of the example files in the example folder may not work right away for you because of the way the external .js files are referenced in the examples. In writing MyCFajax.htm the relative references are substituted by absolute references and therefore should work without a problem.
This is the complete MyCFAjax.htm file. Some of the alert statements have been added to monitor the JavaScript functions.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//
EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>CFAJAX_1: A simple Function</title>
<script type='text/javascript' src='http://
localhost/ajax/core/engine.js'></script>
<script type='text/javascript' src='http://
localhost/ajax/core/util.js'></script>
<script type='text/javascript' src='http://
localhost/ajax/core/settings.js'></script>
<script language="javascript">
_cfscriptLocation = "http://localhost/ajax/examples/
functions.cfm";
</script>
<script>
function loadInfo()
{
var x= DWRUtil.getValue("x");
//alert(x);
var y= DWRUtil.getValue("y");
//alert(y);
//alert("loadinfo() ran");
DWREngine._execute (_cfscriptLocation, null, "RightAngleTriangle",
x, y, getResult);
}
function getResult(result)
{
//alert ("getResult running");
document.getElementById("info").innerHTML = result;
}
function init()
{
//alert ("init() function ran");
DWRUtil.useLoadingMessage();
DWREngine._errorHandler = errorHandler;
loadInfo();
}
</script>
<body onLoad="init();">
<span name="info" id="info" style="background:#eeffdd; padding-left:
4px; padding-right:4px;">xxx</span>
<input id="x" name="x" value=3>
<input id="y" name="y" value=4>
</body>
</html>