Cakephp 3 Ajax Request Response from controller action

Question

Im trying to get Cakephp 3 send a json reply to my javascript function when i call it but i dont know the correct way to do it..

JS function:

function add(){
        //serialize form data 
        var formData = $('#newquestion').serialize(); 
        //get form action 
        var formUrl = $(this).attr('action'); 
        $.ajax({ 
            type: 'POST', 
            url: formUrl,
            data: formData, 
            success: function(status){                 
                    console.log('content='+status);  
            }, 
            error: function(xhr,textStatus,error){ 
                alert(error); 

        } });  

}

CakePHP 3 action:

public function addajax(){      

        if ($this->request->is('ajax')) {       

            $status['msg']="this is a message from cake controller";                
            $this->response->body(json_encode($status));

            return $this->response;

        }
}

Question: The above cakephp action works and sends the correct output but is it correct; Am i not suppose to use an ajax view or ajax layout?

When i use serialize as below it doesnt work, comes up as "undefined" in the javascript function function. What am i doing wrong? and whats the correct way to do it?

Is the below example not correct also?

public function addajax(){      

        if ($this->request->is('ajax')) {       
            //$this->viewBuilder()->layout('ajax');         
            //$this->autoRender = false; // Set Render False    


            $status['msg']="this is a message from cake controller";            

            $this->set(compact('status'));
            $this->set('_serialize', ['status']);


            //$this->response->body(json_encode($status));
            //return $this->response;

        }
    }

PS: i have enabled JSON and XML routing and views.

Your action method is correct just don't forget to add at the beginning of your method : $this->autoRender=false; . However i can't tell that it is the correct method of using ajax in cakephp 3. This article might help :dereuromark.de/2014/01/09/ajax-and-cakephp — user3078643
– user3078643, Commented May 14, 2016 at 14:57
The article @user3078643 suggests is for cakephp 2.0 not 3.0. — user221931
– user221931, Commented May 14, 2016 at 16:42

Roshana Pitigala · Accepted Answer · 2018-09-28 05:16:19Z

4

$this->response->withType('application/json')->withStringBody(json_encode($format));

with $format is your array.

edited Sep 28, 2018 at 5:16

Roshana Pitigala

8,8569 gold badges53 silver badges87 bronze badges

answered Sep 28, 2018 at 3:53

SnguyenOne

1511 silver badge2 bronze badges

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

1 Comment

r34 Over a year ago

I don't know why that was downvoted, as this is correct answer.

Jacek B Budzynski · Accepted Answer · 2016-05-15 08:54:17Z

-1

Your are will send php array via json, then you are encode an array in php and parse the response in js function

Try this in your CakePhp 3 action:

public function addajax(){ 

    $this -> autoRender = false;     

    if ($this -> request -> is('ajax')) {       

        $status['msg']= "this is a message from cake controller";            

        return json_encode($status);

    }
}

JS function:

function add(){
    //serialize form data 
    var formData = $('#newquestion').serialize(); 
    //get form action 
    var formUrl = $(this).attr('action'); 
    $.ajax({ 
        type: 'POST', 
        url: formUrl,
        data: formData, 
        success: function(status){  
            var json = JSON.parse(status);             
            console.log('content='+json.msg);  // .msg is name of your index $status['msg']
        }, 
        error: function(xhr,textStatus,error){ 
            alert(error); 
        } 
    });  
}

edited May 15, 2016 at 8:54

answered May 15, 2016 at 8:49

Jacek B Budzynski

1,4131 gold badge8 silver badges13 bronze badges

2 Comments

ndm Over a year ago

CakePHP ships not only with automated request handling and JSON serialization, but the request object also contains proper methods for defining the response (body, headers, etc.), which is what the OP is trying in the first example. Your example just makes things worse by side-stepping all that, and causing an exception because controller actions are only allowed to return either null, or an instance of \Cake\Network\Response. Also note that the autoRender option has no effect when returning a response object.

Jacek B Budzynski Over a year ago

ok then what is the correct solution @ndm add this $this->set(compact('status')); $this->set('_serialize', ['status']); in my php function?

Collectives™ on Stack Overflow

Cakephp 3 Ajax Request Response from controller action

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related