无法将变量传递给 ajax url

Question

我正在尝试使用 ajax 将 id 传递给我的控制器。

我想在 ajax URL 中使用 id var，但它不起作用。

我在哪里设置 ID

<input type="checkbox" class="form-control traite" data-id="{{ $conversation->id }}"></td>

jquery 函数

$(document).on('click', '.traite', function() {
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
var id = $(this).data('id');
$.ajax({
    url: "{{ route('traitements.change_traite_conversation', " + id + ") }}",
    type:"POST",
    dataType:"JSON",
    data: {
        "_token": "{{ csrf_token() }}",
        "id" : id
    },
    success: function() {
        console.log("Updated");
    },
    error: function(xhr) {
    console.log(xhr.responseText); // this line will save you tons of hours while debugging
    // do something here because of error
    }
});

console.log("Error");
});

web.php

Route::post('conversation/{id}/traiter', 'TraitementController@change_traite_conversation')->name('traitements.change_traite_conversation');

我得到的错误

{
"message": "Undefined variable: id",
[...]
}

我不明白为什么我不能将我的 ID 传递给 ajax URL，我通常可以 console.log 它并且它正在工作！

Answer 1

HTML。在 data 属性中传递它而不是 id 你可以传递 url 不是吗？

<input type="checkbox" class="form-control traite" data-url="{{ route('traitements.change_traite_conversation', $conversation->id) }}"></td>

jquery，在 jquery 中获取那个 data-url。

$(document).on('click', '.traite', function() {
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
var url = $(this).data('url');

$.ajax({
    url: url,

否则，您可以直接传递 php 变量，但在您的情况下，您需要动态，所以我认为它不起作用。

$.ajax({
        url: "{{ route('traitements.change_traite_conversation', $conversation->id) }}",

Answer 2

您应该在 html 中添加 fullurl attr 然后使用 javascript 或 jQuery。

在 HTML 文件中：

<input type="checkbox" class="form-control traite" data-id="{{ $conversation->id }}" data-fullurl="{{ route('traitements.change_traite_conversation', $conversation->id) }}"></td>

在 Javascript/JQuery 脚本中：

$(document).on('click', '.traite', function() {
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
var URL = $(this).data('fullurl');
var id = $(this).data('id');
$.ajax({
    url: URL,
    type:"POST",
    dataType:"JSON",
    data: {
        "_token": "{{ csrf_token() }}",
        "id" : id
    },
    success: function() {
        console.log("Updated");
    },
    error: function(xhr) {
    console.log(xhr.responseText); // this line will save you tons of hours while debugging
    // do something here because of error
    }
});

console.log("Error");
});