我编写了一个新的JS脚本,用于提交某些点击事件的HTTP请求。目前正在运行我的rails应用程序中的所有页面。 (不理想,但我认为它暂时不会引起严重的问题。但是,它的存在使得大量的水豚测试失败。我不知道为什么。
function onCheckboxClick() {
const url = $(this).attr("data-action")
const data = {
method: "PATCH",
body: JSON.stringify({ confidential: this.checked }),
headers: {
'X-CSRF-Token': Rails.csrfToken(),
'Content-Type': 'application/json'
}
}
fetch(url, data)
.then(response => { return response.json() })
.catch(error => console.log(error))
}
$(document).on('turbolinks:load', () => {
const checkboxes = document.querySelectorAll("#invoice_confidential")
checkboxes.forEach((box) => {
box.addEventListener("click", onCheckboxClick)
})
})
那么你使用的是ES6语法我不知道你用什么浏览器进行测试,但这可能是问题所在,可能需要编译成ES5。
但是你没有提供足够的信息。你使用什么Rails版本?你在使用Webpacker吗?你有Babel设置吗?也许你可以分享一些配置的东西。