我如何设置 AJAX 的路由 url

Question

WEB（路由）：

Route::get('/ajax-cat/edit/{id}', [App\Http\Controllers\AjaxCRUDController::class, 'categoryEdit'])->name('ajax.categoryEdit');

AJAX代码：

    $(document).ready(function () {
    $("#categoryBtn").click(function () {
        $("#catTable").show();
        let html = '';
        let i = 0;
        $.ajax({
            url: '/ajax-cat',
            type: "GET",
            success: function (data) {
                for (const x of data) {
                    html += `<tr>
                                <th scope="row">${++i}</th>
                                <td>${x.name}</td>
                                <td><a href="{{route('ajax.categoryEdit',${x.id})}}" class="btn btn-danger">Edit</a></td>
                            </tr>`;
                }
                $("#catTableBody").html(html);
            }
        });

    });
});

来自浏览器的图片：

但我想要这样的链接： 127.0.0.1:8000/ajax-cat/edit/2

Answer 1

您不能像这样合并不同的语言语法。

<代码>{{}}
来自刀片指令。
https://laravel.com/docs/8.x/blade

x.id

是一个变量在您的 javascript 代码块中定义。

你可以做的是：

var url = '{{route("ajax.categoryEdit", ":id")}}';
url = url.replace(':id', x.id);

然后你可以在你的html代码中连接你的javascript变量。