This article has useful links for a CakePhp new comer to get started with using Ajax. As the manual mentions, using Ajax in your Cake application is very easy. Ajax is implemented in Cake through the Cake Ajax Helper, which is included with Cake by default. The Cake Ajax helper utilizes the ever-popular Prototype and script.aculo.us libraries for Ajax operations and client side effects.
Below are some useful resources that got me started with Ajax in CakePHP. I hope these will help you too:
1. Getting Started:
- http://grahambird.co.uk/cake/tutorials/ajax.php
This is probably the best place to start. Graham Bird wrote an excellent tutorial for getting started with CakePhp and Ajax: - http://manual.cakephp.org/chapter/helpers
Once you are done understanding Graham Bird’s tutorial, you should be ready to understand what the manual says about the Ajax Helper. You will find Ajax Helper way below in this page. - http://infor96.com/cake/posts/
This is another excellent Ajax example with CakePhp. It shows a demo Ajax blog. You can also download the source. - http://cakebaker.42dh.com/2006/01/18/submit-a-form-with-ajax/
CakeBaker’s blog on Submitting A Form With Ajax is a small but resourceful blog to read, especially the comments. - http://www.nolimit-studio.com/baking/2006/05/16/adding-visual-effects-to-ajax-calls/
Baking with Sosa has an interesting blog on Adding Visual Effects to Ajax Calls.
2. AutoComplete:
- http://manual.cakephp.org/chapter/helpers
The Manual has a good example to get you started with Ajax Autocomplete. - http://cakebaker.42dh.com/2006/06/06/autocompletion-the-easy-way/
This blog by Cakebaker discusses a component made by Nate for easy implementation of autocomplete. - http://bakery.cakephp.org/articles/view/77
The bakery has a good example for the same component.
3. Ajax Redirect:
- http://bakery.cakephp.org/articles/view/92
- http://cakebaker.42dh.com/2006/03/15/redirect-with-ajax/
- http://cakebaker.42dh.com/2006/03/28/a-simple-redirect-component/
4. Ajax Validation:
5. Encoding:
6. Ajax Uploader:
7. Ajax Star Rating:
8. Ajax Chat:
9. TinyMCE with Ajax:
10. Dojo Helper
11. Updating Select Box using Ajax
- http://www.devmoz.com/blog/2007/04/04/cakephp-update-a-select-box-using-ajax/
This tutorial shows how to update a select box using ajax call. Very useful
12. CakePhp API
- http://api.cakephp.org/class_ajax_helper.html
Once you are confortable with using Ajax with Cake, the only place you need to look for any reference is the API.
13. Search The Cake PHP Google Group
- http://groups.google.com/group/cake-php/search?group=cake-php&q=ajax&qt_g=Search+this+group
Yes. You will be surprized to find out the amount of information you will get to know from searching the group. To search the group for “ajax”, use the link above.
Feel free to leave comment. And, if you think I have left out some useful links, do let me know too.
Wow, such a great compilation to start baking with CakePHP.
Thanks, this really will help me…
Great links collection!
Also you could create another Cake links compilation for all-purpose tutorials, that should be great.
Nice collection of links. This will really help me get up to speed using the framework.
Hi friends.
I have one problem in Ajax. How can we call a javascript function with ajax in cake Php?. I dont exactly get the syntax. So Plz help me out. And the collection of links in this page is great.
@abhay jain:
Im not sure what you are exactly trying to say, but if i got you correct, you want to have ajax call from your javascript. If thats so, here are some hints:
What the cake ajax helper does is that it generates js that makes the ajax call. To be exact, it generates javascript that make use of the prototype library. So, if you have used the Ajax helper in a particular page, you will see that cake genarates javascript in that particular page. You can view this generated js, by looking at the source of the generated html.
Instead of using cake to generate the ajax calls, you can write your own js, using the prototype library(or any other library for that matter). All you have to do is to learn the ajax functions of the prototype library. You can get to know more about prototype ajax function here: http://www.prototypejs.org/learn/introduction-to-ajax
I hope i was helpful, and sorry for the late reply
Here is a new ajax powered free chat http://chantlive.com,
that can be integrated to WordPress.
I hope this help
Hi all,
I have problem when check to match 2 field. My work is , I have 2 textbox I have to compare them and using ajax.Fox example : 1 field is password, another field is confirm password . I want to use onchange event when I finish fill out confirm password field.
Help me pls.
Brilliant article, well done.
I’ve been using 1.2 for 3 months with success and have a big app up and running, but there were links and techniques I hadn’t come across in here. This page is definitely in my bookmarks now!
Will this work in 1.2??? Thnx
@Mo: Yeah, I do not see any major changes in the Ajax helper in 1.2, so most of the things should be working fine. I am glad that my posts have been helpful to you
Thnx!!!
Thanks man. This is going to be a great help.
http://maybe-useful.ch/moodle/user/view.php?id=959&key=candle-wall-sconces
Hi,
Very useful thanks. I notice that the devmoz Updating Select Box using Ajax tutorial is no loner available on their site, does anybody know where I could find this, or just an example of something similar, as this is exactly what I am attempting to get right!
Thank you very much for the links that have helped me start to understand ajaxHelper, I am submitting form using ajax form, but I can not clear the form field values after, can any one help on this.
Hey man, thanx for the resources. It helped me a lot. Best of luck!
Really a great list to learn about Cake’s AJAX capabilities. Thanks Ahsan!
@Patric: The wayback machine got it. http://web.archive.org/web/20070501122029/http://www.devmoz.com/blog/2007/04/04/cakephp-update-a-select-box-using-ajax/
Very helpful.
cool!
i’ll bookmark this url