在带有百里香叶的Springboot中，为什么当我不使用内联js时会发生这个问题？： 在第一个示例中，下面的 javascript 内联代码可以工作，并且对“/create-intent”的发布请求也可以工作
index.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Checkout</title>
<script src="https://js.stripe.com/v3/"></script>
</head>
<body>
<h1>Payment Details</h1> <!-- /create-intent /process-payment-->
<form id="payment-form" th:action="@{/create-intent}" method="post">
<div id="payment-element">
<!-- Elements will create form elements here -->
</div>
<button id="submit">Submit Payment</button>
<div id="error-message">
<!-- Display error message to your customers here -->
</div>
</form>
<script>
...
const response = await fetch("/create-intent", {
method: "POST",
headers: {
"Content-Type": "application/json",
},
body: JSON.stringify({ amount: 1099, currency: "usd" }), // Add any other required data
});
...
</script>
</body>
</html>
在第二个示例中，下面的代码不起作用，并且不会发送帖子。 我将收到错误“错误未被捕获（承诺中）SyntaxError：意外的令牌”<', "