Symfony su Ajax. Reikia issamios pagalbos.

Sveiki, reikia issamios pagalbos, kaip naudoti Ajax su Symfony2. Normalaus tutorialo niekur nerandu, juolab, kad butu bent kazkiek panasus y mano varianta.

Zodziu, man reikia, kad paspaudus mygtuka masyve esancio rakto reiksme padidetu. Funkcijas padidinti reiksmem kaip ir zinau, taciau nesuprantu, kaip tai padaryti su Ajax. Taigi, turiu twige koda kuriuo atvaiduoju masyvo rakto reiksme ir kartu tris mygtukus: padidinti, sumazinti, ir istrinti(su situo viskas tvarkoj). Noriu, kad paspaudus padidinti reiksme padidetu +1, sumazinus sumazetu -1.

Twigas:

<div class="input-append"><input class="span1" style="max-width:34px" placeholder="{{ key }}" id="appendedInputButtons" size="16" type="text">
<button class="btn" type="button" name="add" ><i class="icon-minus"></i></button>
<button class="btn" type="button" name='subtract'><i class="icon-plus"></i></button>

Kontroleryje turiu funkcija kuri prideda +1:

/**
* @Route("/add/{id}", name="add")
*/
public function addAction($id)
   {
   // check the cart
    $session = $this->getRequest()->getSession();
    $cart = $session->get('cart', array());

    // check if the $id already exists in it.
    if( isset($cart[$id]) ) {
        // if it does ++ the quantity
        $cart[$id] = $cart[$id] + 1;

    } else {

        return $this->redirect( $this->generateUrl('cart') );
    }

    $session->set('cart', $cart);

    // redirect(index page)

    return $this->redirect( $this->generateUrl('cart') );
}

Kodas kaip ir normalus, bet niekaip nesusigaudau kaip viska integruoti kartu su Ajax? Prasau pagalbos!!

UPDATE

Taigi pavyko susikurti ajax scripta, paspaudus mygtuka, viska keliom sekundem uzfreezina ir vel normaliai. Ajar requesto negaunu kazkodel..

Mano scriptas:

$(document).ready(function () {
   $(document).on('click', '.plus', function (e) {
   $this = $(this);
   //alert("product id "+$this.parent('.input-append').find('input').data('id') + " Quantity "+$this.parent('.input-append').find('input').val())
   $.ajax({
       type: 'POST',
       url: "{{path('update_cart')}}",
       async: false,
       dataType: 'JSON',
       data: {product: $this.parent('.input-append').find('input').data('id'),quantity: $this.parent('.input-append').find('input').val()},
       success: function (data) {
         if(data.success == false){
          alert('error')
         }
       }
   });
});
});

routing.yml:

update_cart:
 pattern:  /update/cart
 defaults: { _controller: MpShopBundle:Homepage:update }

Pasiskaityk apie Jquery ajax.

Mano darytas pvz:

https://github.com/nfqakademija/reservations/blob/master/src/Reservations/FrontendBundle/Controller/ReservationsController.php controleris

https://github.com/nfqakademija/reservations/blob/master/src/Reservations/FrontendBundle/Resources/views/Form/form_reservation.html.twig

Nu čia gal ir blogas pvz, nes nelabai išeis suprasti, bet visa esmė kur https://github.com/nfqakademija/reservations/blob/master/src/Reservations/FrontendBundle/Resources/views/Form/form_reservation.html.twig#L73 tai gali pasiskaityti apie šitą metodą. https://api.jquery.com/jquery.post/

Sveikas. Nu seip ne taip susikuriau as ta ajax scripta, taciau turiu kita problema su jo paleidimu. Paspaudus mygtuka, viskas keliom sekundem uzfreezina ir tada vel veikia normaliai, taciau jokio ajax requesto negaunu. paziurek y koda mano poste. Gal numanai kodel?

Gal pradzioje reiketu pradmenis JavaScript ismokti, o paskui jau imti framework.

Kai kopijuoji koda atkreipk demesi kas ten parasyta.

async: false,

Tiesa. :) Taciau async:false, sutvarko tik freeza, galiu spaudineti kiek noriu, ajax nereaguoja. Beto, exception profileryje, vis delto kazkas vyksta:

0c0136	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/%7B%7Bpath('update_cart')%7D%7D	Wed, 06 May 2015 14:02:04 +0200
f5c056	::1	GET	http://localhost/Digidis/tree/web/app_dev.php/%7B%7Bpath('update_cart')%7D%7D	Wed, 06 May 2015 14:02:04 +0200
9fe35e	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/%7B%7Bpath('update_cart')%7D%7D	Wed, 06 May 2015 14:02:03 +0200
39ff85	::1	GET	http://localhost/Digidis/tree/web/app_dev.php/%7B%7Bpath('update_cart')%7D%7D	Wed, 06 May 2015 14:02:03 +0200

ir t.t..

klaida čia

url: "{{path('update_cart')}}",

turėtų būti /update/cart

url: "/update/cart",

kodėl neveikia su {{ }} aiškinkis pats

Supratau, taciau tai nepadejo. :)

Dabar gaunu vien POST metodus..

a59e68	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:36 +0200
32c2e1	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:35 +0200
6ec8ff	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:33 +0200
4ac156	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:32 +0200
04c5a1	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:31 +0200
968789	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:29 +0200
c8372b	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:28 +0200
97192f	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:29:26 +0200
dff8a3	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:20:47 +0200
e4177b	::1	POST	http://localhost/Digidis/tree/web/app_dev.php/update/cart	Wed, 06 May 2015 14:20:46 +0200

as su symfony nedirbu, bet man atrodo tavo naudojamas pavyzdys yra siek tiek kreivas

$(document).ready(function () {
   $(document).on('click', '.plus', function (e) {
   $this = $(this);
   //alert("product id "+$this.parent('.input-append').find('input').data('id') + " Quantity "+$this.parent('.input-append').find('input').val())
   $.ajax({
       type: 'POST',
       url: "{{path('update_cart')}}",
       async: false,
       dataType: 'JSON',
       data: {product: $this.parent('.input-append').find('input').data('id'),quantity: $this.parent('.input-append').find('input').val()},
       success: function (data) {
         if(data.success == false){
          alert('error')
         }
       }
   });
});
});

siulau pasikurti paprasta index.php (kur nebus jokio framework kodo) faila i kuri kreipsiesi su ajax ir kuris grazins rezultatus

kai susitvarkysi su javascript dalimi, tada galesi naudoti framework

nes dabar pas tave kai ir javascript ir symfony klaidos, tai sunku paciam suprasti del kieno kaltes neveikia

Pats dabar kaip tik darau symfony2 formą su ajax. Jau daug nervų išsigadinau, bet versiuos per galvą ir padarysiu. Įmesiu kodą jei pasiseks, galėsi persidaryt :D

EDIT: pavyko. reikia gal kodo? turbūt praverstų

Tam, kad nebūtų 500 internal server error, tavo controller'io metodas, kurį call'ini su ajax'u, turi grąžinti response'ą.

use Symfony\Component\HttpFoundation\Response;

public function demoAction(Request $request)
   {
       //Your logic

       return new Response();
   }

Galbūt tai jums padės. Čia viskas labai simple. Tik redirect'ą aš tavo vietoje daryčiau su js.

O CSRF apsaugą naudoji? Jei taip, kartu su ajax turėtum ir auth kodą perduoti