What Is The Best Practice To Pass The Controllers' Url To The Js?

Yii 2.0 General Discussions
1

Hi,

What is the best practice to pass the controllers’ url to the javascript code? For example for an ajax.

I used this case:




<script type="text/javascript">

 jQuery("#ajaxButton").click(function(){         

            jQuery.ajax({

                type: "POST",

                url: '<?php echo 'http://localhost/' . \yii\helpers\Html::url(['betting/index']); ?>',

                data: { day: "kedd"}

             }).done(function( data ) {

                alert(data);

             });

        });

</script>

Are there any Yii functions to get the Host Url? Of course I can use the basic PHP, but I think it will more better if the only


Html::url

can pass the Host url too, or not?


\yii\helpers\Html::url()

's documentations says to me I can use empty string as paramater, and this will return with the currently requested URL, and this is very good :).

But why not without parameter? Why do I have to use empty string?

2

Works for me.

\Yii::$app->urlManager->createAbsoluteUrl(…).

I wonder if there’s a shortcut for this.

I have no idea either.

3

Ah yes, however I don’t understand why it is not under the Helper in the Html class.

For me it will be more logical… But this is only my opinion. (I searched for this in the Html class)

Thanks for the help :):

4

Yes createAbsoluteUrl is the best method.

For specific cases you can also store Yii::$app->urlManager->baseUrl in a variable $baseUrl and concat this to your Html::url or createUrl functions to get a kind of absolute url.

5

I use this in my main template because I need it in my .js files (which don’t have access to php):




<head>

<script>var baseUrl = "<?= Html::url(["/"]); ?>";</script>

</head>

(Note the "/" inside of an array - this is important)

Then I can just use:




            $.ajax({

                type: "POST",

                dataType: "json",

                url: baseUrl + "controller/action",

                data: {

                    id: id

                }

            }).done(function (data) {

                // process

            });