Products
A Software Developer's Blog
Coldbox Framework and Ajax: cfajaxproxy
First let me note that I am using Coldspring version of IOC. It should work the same though with any form of IOC. Mostly we need the IOC to provide the bean to the services your Ajax call requires from within the Coldbox proxy.
After having provided a service in Coldspring like so:
<constructor-arg name="privatemessagesGateway">
<ref bean="privatemessagesGateway"/>
</constructor-arg>
<constructor-arg name="ColdBoxController">
<ref bean="ColdBoxController"/>
</constructor-arg>
</bean>
we can use this "usersService" bean in the coldboxproxy.cfc like this:
<cfargument name="messageid" type="String" required="true"/>
<cfset var pm = getBean('usersService').getPrivateMessageByID(int(arguments.messageid))>
<cfset pm.setRead(1)>
<cfset getBean('usersService').savePrivateMessage(pm)>
</cffunction>
The code above is what the Ajax, cfcajaxproxy, will call as a method for Coldbox to perform. It fetches a private message object bean, sets or updates some properties, then uses the gateway to save the object bean. I don't have a return or output but you can do that also here if desired. And here is the actual view and Ajax calling code:
<a href="##" onClick="showMessageDetails('#privateMessagesQuery.privatemessageid#','#privateMessagesQuery.read#','#privateMessagesQuery.subject#','#privateMessagesQuery.fromUserName#','#privateMessagesQuery.message#')">#privateMessagesQuery.subject#</a>
<$cript>
function showMessageDetails(messageid,read,subject,from,message){
var e = new cbProxy();
if(read == 0){
e.setCallbackHandler(setPrivateMessageRead);
e.setErrorHandler(ajaxErrorHandler);
e.ajxSetPMRead(messageid);
}
document.getElementById('pmReply').style.display = "none";
document.getElementById('pmDetails').style.display = "inline";
document.getElementById('pmDetails_Subject').innerHTML=subject;
document.getElementById('pmDetails_From').innerHTML=from;
document.getElementById('pmDetails_Message').innerHTML=message;
}
var setPrivateMessageRead = function(res){
alert('set to read');
}
var ajaxErrorHandler = function(statusCode, statusMsg){
alert('Status: ' + statusCode + ', ' + statusMsg);
}
</script>
The code I provided is a cut down version of actual code and does not include the view event, form code, queries, or other behind the scenes code. I hope this helps to give you a step ahead on how to use Ajax with the Coldbox framework.
Aura skin for Clint Willard's BlogCFC inspired by Brooks Bilson's Bolg.
All trademarks property of their owners.