jquery - 如何在 $ajax(js 文件)中使用 laravel url 和路由助手

Question

如何翻译这样的网址

http://localhost/event/add

但是当我提交表单时我总是这样

http://localhost/%7B%7B%20url('event/add')%20%7D%7D

我的js代码是

 $.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: "{{ url('event/add') }}",
                data: form,
                dataType: "json",
                success: function (data) {
                    console.log("yes :- " + JSON.stringify(data));
                 }
        },'json');

我的 web.php 文件

Route::post('/event/add','eventController@create')->name('event.Add');

Answer 1

除非js代码位于laravel Blade View 文件内，否则您无法在js文件内调用laravel代码。

因此，要调用 Laravel 代码，您可以将它们作为 View 中的 html 标签属性传递，然后在 js 文件中使用 javascript 调用它们

即 myview.blade.php

<input type="hidden" id="myurl" url="{{url('event/add')}}" />

然后在你的js文件中

var myurl = $('#myurl").attr('url');
$.ajax({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                type: 'POST',
                url: myurl,
                data: form,
                dataType: "json",
                success: function (data) {
                    console.log("yes :- " + JSON.stringify(data));
                 }
        },'json');