The jQuery port is still in Alpha - hasn't made beta yet. I pieced most of this together from reading the code and some examples Rob provided in Alpha 1.
If you just follow the instructions, it should work in nearly every case. Really the only things that change are in the ajaxcfc call itself; the URL to your cfc (if you split your functions up for different applications), the data you're sending and the success function. You can pretty much cut and paste everything else. Just make sure you put the ajaxcfchelper calls outside the document.ready function. Also note that for some reason the guy that ported json to json.cfc decided to break from the wddx recordset convention by creating a subnode for the query data (called .data). wddx puts the column arrays in the root of the object. iow, getting to the first row of a column named foo in json is myObj.data.foo[0] - in wddx it's myObj.foo[0]. I have entertained thoughts of modifying json.cfc so that the resulting recordset structures are identical but I don't want to break compatibility. Frankly, the json structures are more compact so I'm just converting to using them instead of wddx. Josh Nathanson-2 wrote: > > Daemach, did you figure out the config information for AjaxCFC yourself, > or > is it documented somewhere? I looked in the docs that download with > AjaxCFC > but I couldn't find any config information. There are so many js files in > there, I didn't know which ones to include. > > -- Josh > > ----- Original Message ----- > From: "Daemach" <[EMAIL PROTECTED]> > To: <discuss@jquery.com> > Sent: Wednesday, February 28, 2007 2:59 PM > Subject: Re: [jQuery] Need some guidance... > > >> >> Hi Rick - >> >> This is one of those things I would use ajaxCFC for since it handles >> serialization automatically. The idea here is that you need to serialize >> the values of your form fields, send them to the server, deserialize, >> calculate and put the results into some kind of structure which gets >> serialized again and returned to the browser for processing which starts >> with deserializing. Dealing with the serialization/deserialization >> transparently is what makes ajaxCFC so great. >> >> First, download ajaxcfc here: >> http://www.robgonda.com/blog/projects/ajaxcfc/download.cfm >> >> in the zip file drill down to ajaxCFC/branches/jquery/core/. Put the >> .cfc's >> in some accessible folder on your web server, then copy everything inside >> the /js folder to your javascript repository - I create a subfolder to >> keep >> it separate: /js/ajaxCFC. That's it for the install. >> >> This sample code should get you started. I stuck the ajax call directly >> into the click event on the button, but you could put all of that in a >> separate function and then call the function from the click event handler >> if >> you want. >> >> =========================== >> >> >> your html/cfm page with the calculator: >> >> <script type="text/javascript" src="/js/jquery.js"></script> >> <script type="text/javascript" >> src="/js/ajaxCFC/jquery.AjaxCFC.js"></script> >> >> <script type="text/javascript"> >> // additional files >> $.AjaxCFC({require:'json'}); >> // more additional files >> // $.AjaxCFC({require:'json,wddx,dDumper,log4j,DWRSyntax,blockUI'}); >> >> // optional global settings >> // using these setters also automatically include dependencies >> //$.AjaxCFCHelper.setAjaxLoadImage("#snort","/images/ajax_circleball.gif"); >> $.AjaxCFCHelper.setDebug(false); >> $.AjaxCFCHelper.setBlockUI(false); >> $.AjaxCFCHelper.setUseDefaultErrorHandler(false); >> $.AjaxCFCHelper.setSerialization('json'); // json, wddx >> >> $(document).ready( function() { >> >> // Add click event to button >> >> $('#ajaxit').click(function() { >> //create an object to pass to the cfc. can also be an array, simple >> value, whatever you want. Objects turn into cf structures. >> var obj = {firstVal:$('#firstVal').val(), >> secondVal:$('#secondVal').val(), >> thirdVal:$('#thirdVal').val(), randomstring:"why not"} >> //do ajax call >> >> $.AjaxCFC({ >> url: "/pathto/your.cfc", >> method: "calculate", >> data: obj, >> // can be an anonymous function, or the name of the function that will >> handle the return results. >> success: showResults >> }); >> }); >> >> }); >> >> function showResults(data){ >> // data will be whatever the cfc passed back in js format - structure in >> this case to make it easy. >> $('#result').val(data.results); >> >> } >> >> </script> >> >> firstVal: <input id="firstVal" name="firstVal" type="text"><br> >> secondVal: <input id="secondVal" name="secondVal" type="text"><br> >> thirdVal: <input id="thirdVal" name="thirdVal" type="text"> >> <input id="ajaxit" type="submit" name="ajaxit" value="AjaxIt"> >> <hr> >> >> result: <input id="result" name="result" type="text"> >> >> >> ================ >> >> Your cfc file should go in the same folder as ajax.cfc: >> >> >> <cfcomponent extends="ajax"> >> <!--- >> <cfscript> >> setDebugMode('request'); >> </cfscript>---> >> >> <cffunction name="calculate" output="no" access="private"> >> >> <cfscript> >> obj = arguments; >> data = structNew(); >> temp = obj.firstVal + obj.secondVal + obj.thirdVal; >> StructInsert(data, "results", temp); >> </cfscript> >> >> <cfreturn data> >> </cffunction> >> </cfcomponent> >> >> >> >> Rick Faircloth wrote: >>> >>> Hi, all. >>> >>> I've just started using jQuery recently and now >>> I'm trying to understand how to use it with AJAX >>> and I just don't know enough about how it works >>> to get started on a fairly simple app. The sample app I've >>> been tinkering with sends a URL variable for a User_ID >>> using AJAX to a CF page, which runs a query and >>> returns the info to the calling page and appends >>> it to the body. I'd like to send results back to the >>> form fields, as well as the calculated result. >>> >>> I just don't have a clue how to set this up. >>> >>> I have a mortgage calculator and I want the user >>> to be able to enter the principal, interest rate, >>> and duration in years, then run a calculation on it >>> and return the result. >>> >>> I've set this up in a regular form that submits back >>> to the page it's on and it works fine. It's coded in CF. >>> >>> I'd like to be able to calculate and return the results using AJAX. >>> >>> I've worked some very simple code using AJAX (actually >>> it was given to me), but I have no idea how to code for >>> the above scenario. >>> >>> Would anyone care to give this CF'er some guidance >>> on creating this small jQuery/CF/AJAX app? >>> >>> Thanks for any help! >>> >>> Rick >>> >>> _______________________________________________ >>> jQuery mailing list >>> discuss@jquery.com >>> http://jquery.com/discuss/ >>> >>> >> >> -- >> View this message in context: >> http://www.nabble.com/Need-some-guidance...-tf3323366.html#a9240414 >> Sent from the JQuery mailing list archive at Nabble.com. >> >> >> _______________________________________________ >> jQuery mailing list >> discuss@jquery.com >> http://jquery.com/discuss/ > > > _______________________________________________ > jQuery mailing list > discuss@jquery.com > http://jquery.com/discuss/ > > -- View this message in context: http://www.nabble.com/Need-some-guidance...-tf3323366.html#a9240959 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
