在 jinja 模板上调用 javascript 时调用打印机

Question

在我使用 jinja 模板的简单 Flask 应用程序中，当我按下按钮时，我使用 JavaScript 文件向此 api 发出发布请求。

let divButton = document.querySelector('.button-div')



let updateButton = document.createElement('button')
updateButton.className = 'updateButton' 
updateButton.textContent = 'Update'

updateButton.addEventListener('click', (e) => {
    e.preventDefault()
    postUpdate()
})
divButton.appendChild(updateButton)


function postUpdate() {
    
    // Get the content of the textarea
    // Retrieve the data-fiche attribute value
    var dataFiche = document.querySelector('.data-card').getAttribute('data-fiche');
    console.log(dataFiche)
    // Parse the JSON string to get the JavaScript object
    
    var ficheObject = JSON.parse(dataFiche);
    
    let textarea = document.querySelector('textarea')
    ficheObject['text'] = textarea.value;
    ficheObject['id'] = textarea.id
    delete ficheObject['labels']
    console.log(ficheObject)
    // Prepare the data to be sent in the request body
    var data = {
        fiche: ficheObject
    };
    print(data)
    // Send a POST request to the server using the Fetch API
    fetch(`/updatefiche/${ficheObject['id']}`, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(data),
    })
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => {
        // Traitez la réponse ici
        console.log('Success:', data);
    })
    .catch(error => {
        // Gérez les erreurs ici
        console.error('Error:', error);
    });
  
}

一切工作正常，但每次我单击按钮时，它都会调用打印机。我怎样才能禁用这种行为？

我已经尝试过 javascript 中的

e.preventDefault()

。

Answer 1

将

print(data)

更改为

console.log(data)

-

print()

将在浏览器上打开打印机对话窗口。