Cakephp Ajax Tutorial - Using Cakephp's Js Helper and jQuery

In this Cakephp ajax tutorial I walk you through building an ajax enabled contact form. We'll use Cakephp's Js helper along with jQuery to do an ajax database submission. Then we write our own jQuery code to do ajax validation using our existing Cakephp model validations.

The source code and sql for this video are now available on my website:

[gottalikeit]

Wish I was young again....You are very sharp and clear in your tut's, appreciate it.

[miguelarchersalgado]

Thank you so much. This was really helpful.
Whenever knowledge is shared like this my faith in mankind gets restored.

[AbubakarShangab]

Andrew Perkins, you are very talented in making difficult things seem easy as a piece of cake. thank you.

[IdiotaIntegral]

Your tutorials are great! Please keep the cakephp ones coming, they are the best I found and the 2.x changes are driving me crazy when I try to follow old tuts.

[Lsakurifaisu]

Thankyou for posting this video, not only did it help me understand how to use ajax with the JS helper but it also cleared up some of the confusion I was having with cakePHP. A superb tutorial :)

[dmays]

Great tute! Well paced, clear and explained in understandable terms. As a someone very new to CakePHP & JQuery I found this a great help. Look forward to seeing more of these!

[aoporanu]

Man, this is great, really helped me a lot with my current project. Both parts are great, but the raw jquery without JsHelper at the end is killer!

[dermarek]

Nice tutorial !!!

In Cake 2.x you'll have to do some adjustments, especially in the controller to set the Model's data:

=

[dngix]

Thank you for putting this video. It is very much helpful to me as a newbie to cakephp.

[adamburgers]

Great tip, this stumped me for a little while.

[BlakMetall]

A video like this is what i needed, so i really really say thank you to you. andrewperk. Thanks for your time.

[sonbemi]

Great tutorial. It really helps and accelerates my learning CakePHP

[jameslcasey]

Andrew, excellent tutorial! Hope to see more.

[xtiam]

You are the best man! Thank you very much for this tut. Make more CakePHP tuts!

[theredfont]

very helpful. i've downloaded your tutorial and i'll try your example later. thanks man. you rock.

[RightAwayHQ]

you can use the same video for cake 2.0 also, I did that and it is working fine

[slappy]

@zoborowi Cheers - though your fix did not resolve my problem.. after some further debugging I found that error.length was always greater than 2, on successful or unsuccessful results.. so after some head scratching, I opened my validate.ctp to find a white space on the second line. Removed it and all functions as it should.

[slappy]

Most complete tutorial on the Js helper in Cakephp to update via AJAX. thanks!

Do have a question regarding success callback. My app; success is never called. I can confirm records are being added to the db so it is successful but the call back function is never called. If I put .. nothing happens. The 'complete' call back function runs though. Do you have any info on what makes a successful request or not? Maybe it will help me debug.

cheers!

[fenix]

Great tutorial. But when i click in send with the field empty it draws another form above the original form. How can i fix it?

[pimienta]

Nice tutorial! How could I do to update a select box after changing another one?