小编nam*_*ndy的帖子

使用引导5

我有一个模式，#truck_modal单击时会显示该模式，效果很好，如下所示：

（此代码位于我的js文件的顶部）

document.addEventListener('DOMContentLoaded', function() {
    document.querySelector('#add_truck').addEventListener('click', AddTruck);

    const truck_modal = document.querySelector('#staticBackdrop');
    const modal = new bootstrap.Modal(truck_modal, {
        backdrop: 'static'
    });

    document.querySelector('#truck_modal').addEventListener('click', () => {
        modal.show();
    });
})

现在，如果我将以下内容添加到上面的函数中，它就可以工作了。

document.querySelector('#add_truck').addEventListener('click', () => {
     modal.hide();
});

但在这里，#add_truck无论AddTruck函数是否成功，它都会在单击时运行，我只想在函数AddTruck成功时隐藏它，所以我尝试了以下操作。

function AddTruck() {

    ... some validations ...

    fetch('/inbound/add_truck', {
        
        ... some fetch code ...

    })
    .then(response => {
        jsonResponse = response.json();
        status_code = response.status;

        // console.log(jsonResponse);
        // console.log(status_code);

        if(status_code != 200) {
            alert('There was an error!'); …