Real url not working for url build by javascript TYPO3

Question

I configured the extension tt_address in my page. I need to filter the address by its year. So I build a select box. I need to append some query parameter with its url to access in controller for implementing the filter. The functionality is done successfully. But realurl is not working for this particular functionality.

main.js

function initYearFilter() {
    var selectedItem = sessionStorage.getItem('year');
    if (selectedItem !== null) {
        $('.year-filter select').val(selectedItem);
    }
    $('.year-filter select').on('change', function () {
        var loc = location.href.match(/.*people\/alumni\/+/)[0],
            url;


        if ($(this).val() == 'reset') {
            url = loc + '?no_cache=1';
        } else {
            url = loc + '?ts_address[year]=' + $(this).val() + '&no_cache=1';
        }

        sessionStorage.setItem("year", $(".year-filter select").first().val());

        window.location.href = url;
    });
}

My realurl config

'postVarSets' => array(
            '_DEFAULT' => array(
                'year' => array(
                    array(
                       'GETvar' => 'ts_address[year]',
                    ),
                ),
              ),
              )

Javascript in client browsers, does not know about TYPO3, Cache Hash and RealUrl. You need to use TYPO API to generate links — jokumer
As @jokumer said linkbuilding only works from inside TYPO3 API. You'd either have to build all the possible link combinations in advance. Or create an ajax request which can return the prober url for you. — Toke Herkild

Andrei Todorut Andrei Todorut · Accepted Answer · 2018-12-05T07:45:50

Don't let urls being generated manually in frontend, like you do in Javascript.

My advice here would be to generate the urls backend side and attach it to a option attribute (data-reset-url, data-url).

// maybe a foreach here
  $GLOBALS['TSFE']->cObj->typolink_URL([
      'parameter' => '_PAGEUID_',
      'additionalParams' => '?ts_address[year]=' . $year, // suppose in foreach have year var
      'no_cache' => true
  ]);

Real url not working for url build by javascript TYPO3

2 Answers