在URL中添加输入而不是作为参数提交表单

Question

假设我有下面的表格。有没有更好的方法可以像示例“indication_effects/+MY_VALUE”那样在URL中发送输入值并去掉参数indication=MY_VALUE？你知道吗

也许可以用Django完成，或者我应该简单地使用Django表单吗？你知道吗

谢谢你

          <form id="indication-form" class="form-horizontal" method="get">
            <div class="form-inline">
                <div class="col-md-8">
                    <input type="text" class="form-control" id="indication-input" name="indication" />

                    <button class="btn btn-primary" type="submit" id="indication-submit">Submit</button>
                </div>
            </div>
        </form>

var indicationForm = $('#indication-form');

$("#indication-submit").on("click", function () {
    indicationForm.attr("action", "indication_effects/" + $("#indication-input").val());
    indicationForm.submit();
});

Answer 1

看，GET请求总是将通过url发送表单数据，POST请求总是将通过请求头发送表单数据。你知道吗

它看起来可能不漂亮，但它的工作方式。你知道吗

但是，你可以用Vue.js做点好事来得到你想要的。你知道吗

忽略表单action，将提交按钮从<button>更改为<a>，并动态构建其href，您可以使用HTML上的表单数据“提交”表单。你知道吗

像这样：

<div id="app">
    <form id="indication-form" class="form-horizontal" method="post" action=".">
        <div class="form-inline">
            <div class="col-md-8">
                <input type="text" class="form-control" id="indication-input" name="indication" v-model="indication" />

                <a :href="getUrl" class="btn btn-primary" id="indication-submit">Submit</a>
            </div>
        </div>
    </form>
</div>

<script src="//unpkg.com/vue"></script>
<script type="text/javascript">
    new Vue({
        el: '#app',
        data: {
            indication: '' // Link all your form fields with v-model here
        },
        computed: {
            getUrl: function() {
                return '/' + this.indication + '/'; // Build your url
            }
        }
    });
</script>

你知道吗虚拟用户.js是一个强大而简单的Javascript框架，我非常喜欢。你知道吗