Jquery ajax call in Cake PHP 3.0

Question

Hi, I'm trying to make a ajax request to the view A from the controller B like this :

In the view A :

var tab = new Array();
    function updateResult(){
            $.ajax({
                type:"POST",
                url:"<?php echo Router::url(array('controller'=>'B','action'=>'viewresult'));?>",
                dataType: 'text',
                async:false,
                success: function(tab){
                    alert('success');
                },
                error: function (tab) {
                    alert('error');
                }
            });
    }

In the controller B:

public function viewresult()
{
echo 'SUCCESS';
}

The problem is that in the 'response' of ajax, I've 'SUCCESS' but also the entire view A, I don't understand why... I want only 'SUCCESS'...

Thanks in advance !

don't echo put return 'SUCCESS';exit(); and try

Death-is-the-real-truth
– Death-is-the-real-truth

2015-05-07 17:44:13 +00:00
Commented May 7, 2015 at 17:44 — Death-is-the-real-truth
– Death-is-the-real-truth, Commented May 7, 2015 at 17:44

Abhishek · Accepted Answer · 2015-05-08 05:21:36Z

4

Detect if its ajax as per following code in cakephp way :

    if($this->request->is('Ajax')) //Ajax Detection
    {
        $this->autoRender = false; // Set Render False
        $this->response->body('Success');
        return $this->response;
    }

Check here for more detectors - http://book.cakephp.org/3.0/en/controllers/request-response.html#Cake\Network\Request::addDetector

You can also use $this->Url->build instead of including Router for creating links in view.

echo $this->Url->build(['action'=>'index']);

answered May 8, 2015 at 5:21

Abhishek

80511 silver badges21 bronze badges

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

2 Comments

mark Over a year ago

or use the Ajax plugin and cleanly return a json array to work with in the view. Then you dont need the is(ajax) check.

Unni Babu Over a year ago

you saved my day. Works perfect

marian0 · Accepted Answer · 2015-05-07 20:34:13Z

The easiest way to achieve it is adding die() at the end of your function so it prevents to load whole layout:

public function viewresult()
{
    echo 'SUCCESS';
    die;
}

OR

public function viewresult()
{
    die('SUCCESS');
}

But more conventional way is using JSONView. Your action should look as follows:

public function viewresult()
{
    $this->set('text', 'SUCCESS');
    $this->set('_serialize', ['text']);
}

You also have to load RequestHandler component in initialize() method in your controller:

public function initialize()
{
    parent::initialize();

    $this->loadComponent('RequestHandler');
}

You need to set allowed extensions for all routes connected later in routes.php:

Router::extensions('json', 'xml');

Now you can access your action adding extension .json at the end of it's URL, so you need to modify ajax call url:

url:"<?php echo Router::url(array('controller'=>'Main','action'=>'viewresult', '_ext' => 'json'));?>"

That's all, but keep in mind that this solution force you to handle JSON array in response. In this example output will be looks as follows:

{"text": "SUCCESS"}

Collectives™ on Stack Overflow

Jquery ajax call in Cake PHP 3.0

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related