在* .ftl中使用javascript

Question

我正在尝试在* .ftl中使用js，但没有任何反应。

我需要在文本更改时发送POST请求。

我尝试过：

<#import "parts/common.ftl" as c>
<@c.page>
<div>Example</div>
    <#list cards as card>
    <div>
        <form action="/cardDel" method="post">
            <input type="hidden" value="${card.id}" name="card_id">
            <input type="text" value="${card.text}" name="card_text" onchange="sendpost(this.value)">
            <input type="hidden" name="_csrf" value="${_csrf.token}" />
            <input type="hidden" value="${deck.id}" name="deckId">
            <select name="cardstatus_id" >
                <#if available_statuses??>
                    <#list available_statuses as status2>
                        <#if status2.id == card.status.id>
                            <option value="${status2.id}" selected>${status2.status}</option>
                        <#else>
                            <option value="${status2.id}">${status2.status}</option>
                        </#if>
                    </#list>
                </#if>
            </select>
            <button type="submit">X</button>
        </form>
    </div>
    <#else>
    empty
    </#list>
<br />


<script>
function sendpost(text){
var xhr = new XMLHttpRequest();
xhr.open('POST', '/cardChange', false);
xhr.setRequestHeader('card_text', text);
xhr.send();
} 
</script>

</@c.page>

我在做什么错？  我什至尝试了简单的“警报”示例，但就我而言，它们仅在* .html中有效，而在* .ftl中无效。 不知道我在做什么错。