如何删除这个?url = from get

时间:2018-04-10 11:44:12

标签: javascript jquery html5 forms get

当我点击提交单词

时,链接出错
<form id="searchf" target="_blank" method="get" action="http://www.example.com/aa/bb/#/">
<input type="text" placeholder="free" name="url">
<input type="submit" value="send" />
</form>

enter image description here

结果: http://www.example.com/aa/bb/?url=free#/

我想这样: http://www.example.com/aa/bb/#/free/

1 个答案:

答案 0 :(得分:2)

您可以使用window.location.replace重定向。像:

$('#searchf').submit(function(e){
    e.preventDefault();
    window.location.replace( $(this).attr('action') + $('[name="url"]').val() );
});

这是一个小提琴:

&#13;
&#13;
$(function() {
    $('#searchf').submit(function(e){
        e.preventDefault();
        window.location.replace( $(this).attr('action') + $('[name="url"]').val() );
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="searchf" target="_blank" method="get" action="http://www.example.com/aa/bb/#/">
  <input type="text" placeholder="free" name="url">
  <input type="submit" value="send" />
</form>
&#13;
&#13;
&#13;