1. symfony & jQuery ties and separations Massimiliano Arione April, 26th 2011

3. symfony

4. jQuery

5. MVC

6. CPB

9. PROGRESSIVE ENHACEMENT: THE GOOD WAY Just use plain javascript!

11. AJAX: THE WRONG WAY 1.0 Javascript helper 1.4 sfJqueryPlugin

13. IN PRACTICE: LINK <?php echo link_to (' + ', ' cart_increase ', $item) $(' div#cart a.increase ').click(ajaxIncrease);

14. var ajaxIncrease = function (e) { $.ajax({ url: this.href + ' ?sf_format=json ', success: function (r) { increase(r, e.target); } }); return false ; }; var increase = function (result, a) { var $li = $(a).parents('li'); var $span = $li.find('span.quantity'); var oldq = parseInt($span.text(), 10 ); var newq = oldq + 1 ; $span.empty().append(newq); $(' span#total ').empty(); $(' span#total ').append(result.total); };

15. <?php // cartIncreaseSuccess.json.php use_helper(' Number '); $arr = array( ' total ' => format_currency($sf_user->getCartTotal(), ' EUR '), ); echo json_encode($arr);

16. <?php // actions.class.php public function executeCartIncrease(sfWebRequest $request) { $this->product = $this->getRoute()->getProduct(); $this->getUser()->cartIncrease($this->product); // was $this->redirect('@homepage'); $this->redirectUnless($request->isXmlHttpRequest(), ' @homepage '); }

17. IN PRACTICE: FORM $(' div#filters form ').submit(ajaxFilter);

18. var ajaxFilter = function(e) { var $form = $(this); $.ajax({ type: ' POST ', url: $form.attr('action') + ' ?sf_format=json ', data: $form.serializeArray(), success: showProducts }); return false ; };

19. Thanks! Massimiliano Arione @ garakkio blog.garak.it github.com/garak/sfjqec