best practice to use action url while calling ajax in cakePHP

Question

I am using ajax with jQuery in my cakePHP application.
and my javascript function is placed inside a javascript file.

now in my local system the files are kept in "/sample" directory so the the path while i call the function will be

in ajax.js

$.post({url : "/sample/controller/action"})

but after hosting it the url will become

$.post({url : "/mydomain.com/controller/action"})

in cakePHP we $html->url to generate urls
but since this code is in js file i can't use that function

i don't want to change the all ajax action urls manually before hosting

Paul Dragoonis · Accepted Answer · 2010-07-28 12:19:02Z

23

What to do is in your master template for your cake app create a global javascript variable that can be used throughout your application. Make sure it exists befor you do any JS includes too.

<head> ... <script type="text/javascript">var myBaseUrl = '<?php echo $html->url; ?>';</script> ... <script type="text/javascript" src="mycustomJSfile.js"> ... </head>

Now you can do things like this from any view file you have in your MVC framework app.

$.post({url: myBaseUrl + 'controller/action'});

answered Jul 28, 2010 at 12:19

Paul Dragoonis

2,3311 gold badge16 silver badges22 bronze badges

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

4 Comments

Paul Dragoonis Over a year ago

I do this for every web application i write using any framework. It's even more handy if you're using Smarty and need the baseUrl in javascript. You'd have to do {/literal}{$baseUrl}{/literal} which is a royal PITA. The above solution solves this nicely.

Joseph Over a year ago

This is the correct answer but it didn't work for me. It may be because I'm using Cake 2 and this solution was for an earlier version, though. Nonetheless, the code I had to use to get it to work in Cake2 was <script type="text/javascript">var myBaseUrl = '<?php echo $this->Html->url('/'); ?>';</script>

XerXes Over a year ago

And for CakePHP 3, I used var appBaseUrl = '<?php echo $this->Url->build('/', true); ?>';

Jorge Over a year ago

How do I pass parameters to the controller function?

linkyndy · Accepted Answer · 2012-09-29 12:04:12Z

I'm updating Paul Dragoonis's answer to reflect the latest CakePHP version (2.2).

In your layout file, set the JavaScript variable with CakePHP's JSHelper: <?php echo $this->Js->set('url', $this->request->base); ?>, where $this->request is an instance of CakeRequest and gives information on the current request.

After the line above, write the buffer with <?php echo $this->Js->writeBuffer(); ?>.

Then, you can access this variable in JavaScript with app.url.

waqas · Accepted Answer · 2017-04-27 12:52:00Z

@irtiza your answer is appreciated but for cakephp latest version 3.x this will work otherwise you will get routing error.

ulr:'<?php echo \Cake\Routing\Router::url(array('controller' => 'controllername', 'action' => 'actionname')); ?>'

Carl0s1z · Accepted Answer · 2016-07-19 08:38:16Z

1

in reply to Paul Dragoonis you can use $this->webroot if you use subfolders.

edited Jul 19, 2016 at 8:38

Carl0s1z

4,7237 gold badges34 silver badges49 bronze badges

answered Aug 18, 2011 at 8:01

Herr Nentu'

1,5264 gold badges22 silver badges51 bronze badges

Comments

Irtiza shahid · Accepted Answer · 2016-07-23 08:28:12Z

use

echo Router::url(array('controller' => 'Users', 'action' => 'all'));

Will output;

/Users/all

in js

$.post({url : "<?php echo Router::url(array('controller' => 'Users', 'action' => 'all')); ?>"})

Collectives™ on Stack Overflow

best practice to use action url while calling ajax in cakePHP

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Linked

Related