Yii2: Yii2 js router?

[tsvetann]

Are there any plans or is there already something like JS router in Yii2 (meaning generating url routes with javascript)?

[samdark]

No, there's nothing like that currently.

[samdark]

What's use case for it?

[lichunqiang]

You can generate the url in php, and get it in javascript.

[tsvetann]

For instance if I have to generate url in js script what is the best way to do it without knowing if pretty urls are on or not?

[kartik-v]

Current options:

• If you are generating the JS via PHP then you can use yii's PHP methods (e.g. Url helper) to generate the Url and use it in your client script. e.g.

$view->registerJs('$("#input-id").plugin({url:"' . Url::to(['/site/test']) . '"});');

• If you want to use URL at runtime in javascript... one way is to store the URL in HTML5 data attributes via PHP again:

<input id="input-id" data-url='<?= Url::to(['/site/test']) ?>'>

then in your javascript

function doSomething() {
    var vUrl = $("#input-id").data('url'), vData;
    $.ajax({
        url: vUrl,
        type: 'post',
        data: vData
    });
}

[samdark]

Well, thoretically Rules could be converted to JS but I'm not sure how to deal with custom ones, rest ones etc.

[tsvetann]

Initially, I went with @kartik-v first option but was wondering if there is a slimmer solution. It is much nicer when you have a single Asset class for your client script. In either the first or the second options I have to register js separately from the Asset file and it is not that nice. Anyway thanks @kartik-v @samdark

[axelson]

+1

I'd love to see something like Rails js-routes: https://github.com/railsware/js-routes

Trying to pass all sorts of urls and routes to javascript doesn't work well with an angular single page application.

[Mirocow]

+1
Like this
Yii.app.createUrl('admin/device/deleteDeviceCategory')
Yii.app.createUrl({path: 'admin/device/deleteDeviceCategory', id: 100})

[timmy78]

+1

[juanmacias]

In case you want to navigate based on a select value, you need to generate de Url in JavaScript.

I have this approach in JS:

Url is generated on server, and values on client javascript.