Something like this:
$('#GaragePartAddfrompartlistForm').bind('submit', function() {
var queryString = $('#GaragePartAddfrompartlistForm').formSerialize();
$(this).ajaxSubmit({
//beforeSubmit: validate,
type: 'post',
url:
'/where/you/send/the/form',
data: queryString,
target:
'#IWantToUpdateThis',
//beforeSubmit: preSend, function before you
sent but after submit
//success: afterEffects, function after
sent success
});
return false;
});
Target is the DIV id you want to update,
Hope that gets you started.
Dave
-----Original Message-----
From: hahmadi82 [mailto:[email protected]]
Sent: October-11-09 5:46 AM
To: [email protected]
Subject: Re: Ajax Update Help
Can anyone please help me with this?
hahmadi82 wrote:
>
> Hi,
>
> I have a question about how to get a div to update after an ajax form
> submission. I have a file index.ctp which displays a list of parts.
> When you click on "add part", I use:
>
> $('a.js-ajax').live('click', function() {
> $('#ajax-test').load(
> $(this).attr('href'), function () {
> $(this).fadeIn(300);
> });
> return false;
> });
>
> to load addpart.ctp into index.ctp via ajax. The addpart.ctp file has
> a cake FormHelper form and I use:
>
> $(document).ready(function() {
> $('#GaragePartAddfrompartlistForm').ajaxForm(function() {
> alert("Part Added!");
> });
> });
>
> to submit that form via ajax/Jquery Form Plugin
> (http://malsup.com/jquery/form/).
>
> So inside index.ctp, the "part" is added with ajax (not causing page
> to
> reload) however, I have no idea how to get ajax to update the part
> list div inside my indext.ctp after addpart.ctp is loaded and
> submitted. Can someone please describe the best strategy for this?
> Please note that the part list div has a lot of php in it and its
> imperative I reconstruct the div with the php code. I was hoping to
> dynamically show the part list, with the new part, without reloading
> the page. Any help would be much appreciated. Thanks.
>
--
View this message in context:
http://www.nabble.com/Ajax-Update-Help-tp25812512p25841483.html
Sent from the CakePHP mailing list archive at Nabble.com.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"CakePHP" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/cake-php?hl=en
-~----------~----~----~----~------~----~------~--~---
