Как заставить работать скрипт?

Question

[Владимир Кохан]

Доброго дня всем

Есть такой js-код

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
    $(".add_cart").click(function (e) {
            e.preventDefault();

            $.ajax({
                url: "{{ route('cart.store') }}",
                type: "POST",
                dataType: "html",
                data: $(".form").serialize(),
                success: function (response) {
                      console.log("OK");
                },
                error: function (response) {
                    console.log("NO");
                }
            });
    });

Если он находится на одной странице с формой, то все работает нормально. Если же вынести его в отдельный файл и подключить как и все js-скрипты, то не работает, а в консоли показывает такую ошибку

http://test.loc/%7B%7B%20route('cart.store')%20%7D%7D 404 (Not Found)

Но если в скрипте заменить url: "{{ route('cart.store') }}" на url: "/addCart" (например), то работает нормально и в отдельном файле и на странице с формой.
Может, кто сталкивался с таким? В чем может быть дело?

Спасибо.

Comments

[JhaoDa]

Интересно, и как же ларавел должен обработать {{ route('cart.store') }}, если он в отдельном js-файле?

[Владимир Кохан]

Читай внимательно

Если же вынести его в отдельный файл и подключить как и все js-скрипты,

[JhaoDa]

Владимир Кохан, т.е. в остальных js-скриптах этот код, если его туда вставить, работает?

[Владимир Кохан]

JhaoDa, а как он тогда обрабатывает ссылку - url: "/addCart", ведь она тоже находится в отдельном файле.
И вообще, если тебе есть что сказать по существу - говори, а иначе зачем зря засирать чат

[JhaoDa]

Владимир Кохан, потому что ссылка — строка, и её не надо обрабатывать? Не посещала тебя такая простая мысль?

[irishmann]

Владимир Кохан, тебе ясно дали понять что не так, но ты не понял, внимательно прочти первое сообщение тов. JhaoDa

[Владимир Кохан]

Т.е., если я правильно понял, вариантов два - указывать ссылку или размещать код скрипта на странице?

[imdeveloper]

Владимир Кохан, еще вариант. создать скрытый инпут и в value динамически вставлять url {{ route('cart.store') }}
дальше при нажатии на кнопку получать этот url через ID скрытого инпута и поставлять в url ajax запроса

[Владимир Кохан]

imdeveloper, отлично! Все работает прекрасно. Спасибо за помощь.

Answer 1

[2vtlk]

Дело в том, что шаблонизатор blade не работает в js-файлах. А у вас в javascript используется
{{ route('cart.store') }}

для решения этого вопроса есть пакет laroute, который прокидывает все laravel роуты в javascript, он генерирует файлик laroute.js, подключаете его в своем html шаблоне и используете в javascript так:
laroute.route('cart.store')

Comments

[Владимир Кохан]

Спасибо!

Answer 2

[JhaoDa]

https://github.com/tightenco/ziggy