railo-ajax-cfc-bind

cfc-bind-1.cfm

<cfajaxproxy bind="cfc:demo.cfajaxproxy.files.test.getName({myForm:myName})" onSuccess="updateDiv1" onError="onError"/>	
<script type="text/javascript">								
updateDiv1 = function(data, textStatus){
  document.getElementById('myDiv1').innerHTML = data;			
}										
</script>
<form format="html" id="myForm">
  <label>My Name</label><input type="text" name="myName">
</form>	
<div id="myDiv1" class="result"> </div>

#### CFC
....
<cffunction name="getName" access="remote" returntype="string">
	<cfargument name="myName" type="string" required="true"/>
	<cfreturn 'My Name is ' & arguments.myName/>
</cffunction>
....

cfc-bind-2.cfm

<cfajaxproxy bind="cfc:demo.cfajaxproxy.files.test.getInfo({myForm2:myName},{myForm2:myAge})" onSuccess="updateDiv2" onError="onError"/>	
<script type="text/javascript">
updateDiv2 = function(data, textStatus){							
  document.getElementById('myDiv2').innerHTML = data;			
}
</script>
<form id="myForm2">
  <label>myName</label><input type="text" name="myName"><br>
  <label>myAge</label><input type="text" name="myAge" value="35">
</form>	
<div id="myDiv2" class="result"></div>

#### CFC
....

<cffunction name="getInfo" access="remote" returntype="string">
	<cfargument name="myName" type="string" required="true"/>
	<cfargument name="myAge" type="numeric" required="true"/>
	<cfreturn 'My Name is ' & arguments.myName & ' and I am ' & arguments.myAge & ' years old.'/>
</cffunction>

....

cfc-bind-3.cfm

<cfajaxproxy bind="cfc:demo.cfajaxproxy.files.test.getInfo({myForm3:myName},{myForm3:myAge},{send@mousedown})" onSuccess="updateDiv3" onError="onError"/>	
<script type="text/javascript">
updateDiv3 = function(data, textStatus){							
  document.getElementById('myDiv3').innerHTML = data;			
}
</script>
<form id="myForm3">
  <label>myName</label><input type="text" name="myName"><br>
  <label>myAge</label><input type="text" name="myAge" value="35"><br/><br/>
  <input type="button" name="send" class="submitButton" value="Send" /> 
</form>
<div id="myDiv3" class="result"></div>

cfc-bind-4.cfm

<cfajaxproxy bind="cfc:demo.cfajaxproxy.files.test.getInfo({myForm4:myName@none},{myForm4:myAge@none},{send2@mousedown})" onSuccess="updateDiv4" onError="onError"/>	
<script type="text/javascript">
updateDiv4 = function(data, textStatus){							
  document.getElementById('myDiv4').innerHTML = data;			
}
</script>
<form id="myForm4">
  <label>myName</label><input type="text" name="myName"><br/>
  <label>myAge</label><input type="text" name="myAge" value="35"><br/><br/>
  <input type="button" name="send2" class="submitButton" value="Send" /> 
</form>

<div id="myDiv4" class="result"></div>

cfc-bind-5.cfm

<cfajaxproxy bind="cfc:demo.cfajaxproxy.files.test.getInfoJson({myForm5:myName},{myForm5:myAge},myCity={myForm5:city})" onSuccess="updateDiv5" onError="onError"/>	
<script type="text/javascript">
updateDiv5 = function(data, textStatus){
	var str = 'My name is ' + data['myName'] + '. I am ' + data['myAge'] + ' years old and I live in ' + data['myCity'];
	document.getElementById('myDiv5').innerHTML = str;			
}
</script>

<form id="myForm5">
  <label>myName</label><input type="text" name="myName"><br>
  <label>myAge</label><input type="text" name="myAge"  value="35"><br>
  <label>city</label><input type="text" name="city">
</form>	
<div id="myDiv5" class="result"></div>

#### CFC
....

<cffunction name="getInfoJson" access="remote" returntype="struct">
	<cfargument name="myName" type="string" required="false"/>
	<cfargument name="myAge" type="numeric" required="false" default="20"/>
	<cfargument name="myCity" type="string" required="false" default=""/>
	<cfscript>
		var str = structnew();
		str['myName'] = arguments.myName;
		str['myAge'] = arguments.myAge;
		str['myCity'] = arguments.myCity;			
		return str;
	</cfscript>
</cffunction>

....