Почему у меня не работает база данных-ajax и кнопки?

Question

ребята, я пытаюсь создать простое приложение с полным стеком, включая базу данных.Пользователи могут легко удалить строку формы.Тем не менее, я проверил свой AJAX и просмотр файла, нет ничего плохого, почему я получил

jquery.min.js:2 DELETE http://localhost:3000/delete/[object%20Object] 404 (Not Found)
send @ jquery.min.js:2
ajax @ jquery.min.js:2
(anonymous) @ main.js:6
dispatch @ jquery.min.js:2
v.handle @ jquery.min.js:2
main.js:14 {readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}
jquery.min.js:2 XHR failed loading: DELETE "http://localhost:3000/delete/[object%20Object]".

AJAX:

$(document).ready(function () {
    $("#Delete-button").on('click',function(){
        var id = $(this).data(id);
        var url = '/delete/' + id;
        if(confirm('Delete Recipe?')){
            $.ajax({
                url: url,
                method: "DELETE",
                success: (result)=>{
                    console.log("Sucess! Deleting the item!");
                    window.location.href = '/';
                },
                error:(err)=>{
                    console.log(err);
                }
            })
        }
    })
});

index.html файл

 <button id = "Delete-button" type="button" class="btn btn-danger" data_id = "{id}">Delete</button>

Answer 1

jquery.min.js:2 DELETE http://localhost:3000/delete/[object%20Object] это проблема.

Проблема в том, что var id = $(this).data(id); дает вам объект.

Я предлагаю вам использовать var id = $(this).attr("data_id"); вместо.

Вы должны увидеть это: https://api.jquery.com/jQuery.data/

Надеюсь, это помогло.

Answer 2

Проблема в Delete

как заполняется значение идентификатора. Также приведенный ниже оператор не возвращает простую строку, а скорее объект.var id = $ (this) .data (id);

в приведенном ниже выражении jquery.min.js: 2 DELETE http://localhost:3000/delete/[object%20Object] 404 (не найдено) [object% 20Object] <- Thisв чем проблема </p>