If you are looking for more information on how to submit an AJAX Form with CakePHP read this. An 'update' parameter which is used to specify which div gets the.
Ist das geschehen, kann die link()-Methode von JavaScriptHelper verwendet werden um die Bibliotheken einzubinden.
The FormHelper is a new addition to CakePHP. Most of the heavy lifting in form creation is now done using this new class, rather than (now deprecated) methods in the HtmlHelper.

Wordpress Ajax Form Tutorial
Jquery
Ajax Form

The FormHelper is a new addition to CakePHP. Most of the heavy lifting in form creation is now done using this new class, rather than (now deprecated) methods in the HtmlHelper. I am using cakephp framework 1.3 I have a depdent drop down. When someone picks a country the regions from the country populate using jquery. It works in 1.2, but when i migrated to 1.3 i had to.

Active10 years, 6 months ago

I'm using CakePHP for a small web app and on one form page there's a dropdown to select a job number. I'd like to update two text fields based on the job number selected in the dropdown using jQuery (I'm also open to using the default ajax helper but I didn't have a lot of success with it).

Here's my jQuery snippet:

jobdetails is a method in my controller that gets the current job based on the job id passed in. However, it doesn't get called when the dropdown changes value. I tried substituting an alert function in place of .post and that worked, so onchange is being called correctly.

Here's the <div> I'm trying to update:

I want to set the value of each text field to be the corresponding value for the job returned from the ajax call. There's a lot of really good jQuery and CakePHP documentation but I haven't found anything that quite covers what I'm trying to do. Can anyone see what I'm doing wrong? Is there a better way to use ajax to update a div with CakePHP?

moexu

moexumoexu

2 Answers

Right now, it appears that the AJAX request hits the '/surveys/jobdetails' URL, but does nothing with the results. You need to add a callback to your AJAX request, like so:

Wordpress Ajax Form Tutorial

There is also a convenience function in jQuery called load() which simplifies it even further, getting the contents of a URL and applying it to the selected element:

Luke DennisLuke Dennis

Jquery

7,24716 gold badges50 silver badges66 bronze badges

Your CakePHP controller needs to look something like this:

Then you need to add a callback to your $.post that will actually update the fields:

I also recommend you get a tool like Firebug so you can see the progress of your AJAX requests and make sure the server is returning what you think its returning. It makes testing and debugging anything related to AJAX way easier.

In my opinion this is more elegant than outputting the whole DIV to update, but if you want to go that route you would just use jQuery's .load to achieve what you want.

Paolo BergantinoPaolo Bergantino

398k76 gold badges496 silver badges427 bronze badges

2 Answers

Wordpress Ajax Form Tutorial

Jquery

Ajax Form

Not the answer you're looking for? Browse other questions tagged phpjqueryajaxcakephp or ask your own question.

Cakephp Ajax Form Update Div