Where can I find a very simple jQuery/AJAX Coldfusion tutorial?

Question

Edit: After following a few tutorials I am stuck here

I am new to jquery but have some experience with Coldfusion. I have been desperate for an easy tutorial that shows how jQuery/AJAX pulls a query from a ColdFusion9 CFC and displays it on the HTML calling page. I tried following this ben_tutorial but it is too complex for me. There is also a another tutorial, but I do not want to install a plugin. Where should I be looking? I am googling "jquery ajax coldfusion"

Solution 1

I assume you have a fair knowledge of HTML. To accomplish the sort of thing you are asking, use this snippet:

$.get("coldfusion-page.cfm",function(data){
    $("#displaydiv").html(data);
});

$.get is a shorthand method that simply retrieves the given URL. The function() part that follows it is what is run when the request to the coldfusion page completes. All it does is put the data that came back into the HTML tag with an ID of "displaydiv".

It really doesn't get simpler than this.

Solution 2

Some links I found are:

• http://blog.pengoworks.com/index.cfm/2011/3/3/Easy-AJAX-using-ColdFusion-jQuery-and-CFCs
• http://blog.kukiel.net/2011/09/jquery-coldfusion-and-cfdump-into-div.html
• http://tutorial43.learncf.com/
• Return data using ColdFusion and jQuery Ajax

You can almost never go wrong reading these blogs for coldfusion

• bennadel.com
• coldfusionjedi.com
• http://cflove.org/

Comments

[isurfbecause]

Thanks I got the second tutorial to work, positive momentum. Now working on the third tutorial to use ajax/json. Thank you sir!