提交表单时如何在Go模板中进行局部刷新？

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《提交表单时如何在Go模板中进行局部刷新？》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

<form action="/search" method="post" id="search-form">
    &lt;input type=&quot;search&quot; name=&quot;search&quot;&gt;
    &lt;input type=&quot;submit&quot; value=&quot;Search&quot;&gt;
</form>

<script>
    $("#search-form").submit(function(event) {
      event.preventDefault();
    })
</script>

当我提交表单并使用 postformvalue 获取值时。单击提交按钮时，它会重新加载整个页面。我只是想避免这种情况！！！

正确答案

您可以使用 formdata 对象，然后通过 axios 或 fetch 函数发送它。

<form action="/search" method="post" id="search-form">
    &lt;input type=&quot;search&quot; name=&quot;search&quot;&gt;
    &lt;input type=&quot;submit&quot; value=&quot;Search&quot;&gt;
</form>
    
<script>
    $("#search-form").submit(function(event) {
        event.preventDefault();
        let formData = new FormData();
    
        $.each($(this).serializeArray(), function (key, input) {
            formData.append(input.name, input.value);
        });
        axios.post("/url", formData).then(() => /* do something*/);
    })
    
</script>

今天关于《提交表单时如何在Go模板中进行局部刷新？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！