Passing data to a CakePHP controller using jQuery's $.post()

Question

If I'm sending data from an anchor attribute:

<a id="123">foo</a>

With no <form> around it,

Using jquery's $.post() to one of my controllers:

    $('.add-fav').click(function() {
    var id = $(this).attr('id');
    $.post('/ajax/addFavorite', function(data){
    id : id
    }, 'json');
});

How can I retrieve the data within that controller? I'm not using a model to validate anything, so using Cake's built-in formhelper convention shouldn't matter.

     public function addFavorite() {
       $this->autoRender = false;

       $bar = $_POST['id'] // normally I'd do this to get '123' from the anchor id, but it doesn't work since it wasn't submitted within a form

        $dataBack = json_encode($bar);

       if($this->RequestHandler->isAjax()) {
            if($this->Session->read('Auth.User')) {
                return $dataBack;
            }
       }
 }

I can send a json_encoded associative array as data back to $.post(), but I can't seem to send what was originally sent back (e.g. id which goes through the controller and sending it back). Am I missing something fundamental here or is it not possible to do without sending the data in an input field (hidden maybe) inside of a <form>?

Rafay · Accepted Answer · 2011-11-26 21:47:57Z

2

data to be passed id send as the second argument of $.post

 $('.add-fav').click(function() {
    var id = $(this).attr('id');
    $.post('/ajax/addFavorite',{id:id}, function(data){
   console.log(data);
    }, 'json');
});

answered Nov 26, 2011 at 21:47

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

bob_cobb Over a year ago

Now I know why I like sticking to $.ajax(), since I actually remember how to properly structure it. Thanks!

Hristo Atanasov · Accepted Answer · 2015-11-13 11:33:09Z

Well there is a pretty good way to do it with CakePHP JS Helper too.

    $this->Js->get('.add-fav')->event('click',
        $this->Js->request(
        array(‘controller’ => ‘ajax’, ‘action' => 'addFavorite'),
           array(
               'data' => 'event.target.id',
               'async' => true,    
               'dataExpression' => true,
               'method' => 'POST',
               //'update' => '#element_id', // to paste the answer of the call
               //'before' => 'alert("Before request")',
               //'complete' => 'alert("Callback when request completed")',
               //'error' => 'alert("Callback for request error")',
               //'success' => 'alert("Success")', //code to execute if success
           )
        )
    );
    echo $this->Js->writeBuffer();

Collectives™ on Stack Overflow

Passing data to a CakePHP controller using jQuery's $.post()

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related