javascript - 如何使用 JavaScript 提交表单并重定向到 URL？

Question

如何使用 JavaScript 提交表单并重定向到 URL？

<form name="f1" method="get" action="aaa.php">
    name : <input type="text" name="value_1" value=""/><br>
    age: <input type="text" name="value_2" value=""/>
    <input type="submit" name="submit" value="send"/>
</form>

请查看此链接中的图片:

http://image.ohozaa.com/i/4d0/zCzQIH.jpg

按下提交按钮后，我想将页面重定向到www.example.com/aaa/robert/21

我怎样才能做到这一点？

Answer 1

用 html 代码尝试一下

<form name="f1" method="get" action="aaa.php">
name : <input type="text" id="value_1" name="value_1" value=""/><br>
age: <input type="text" id="value_2" name="value_2" value=""/>
<input type="button" name="submit" onclick="checkredirect()" value="send"/>

和 JavaScript

<script type="text/javascript">
function checkredirect(){
    var value_1 = $('#value_1').val();
    var value_2 =  $('#value_2').val();
    window.location = 'http://www.example.com/'+value_1+'/'+value_2;
    return false;
}
</script>

不要忘记添加 jQuery 库