Javascript按钮重定向到http://127.0.0.1:5000/?

时间:2018-04-14 00:19:46

标签: javascript html

我是网络技术的新手,试图建立一个基本的网站。 技术堆栈:前端的Python + Flask和HTML + CSS + JS。

我有一个按钮,我正试图从中重定向到相对URL: 按钮html:



<div class="form-group">
    <input type="submit" 
           class="btn btn-primary btn-lg btn-block pb_btn-pill  btn-shadow-blue"
           value="Register"
           onclick="approve()">
</div>
&#13;
&#13;
&#13;

使用Javascript:

function approve() {
    window.location.href = '/approve';
}

这不接我:http://127.0.0.1:5000/approve 而是:http://127.0.0.1:5000/

有人可以指导吗?

解: 谢谢大家,这有帮助:返回false https://stackoverflow.com/a/26518061/4253760

我还有一个问题,这个网址是什么?标记 http://127.0.0.1:5000/

2 个答案:

答案 0 :(得分:4)

将输入类型更改为使用按钮

<div class="form-group">
    <input type="button" 
           class="btn btn-primary btn-lg btn-block pb_btn-pill  btn-shadow-blue"
           value="Register"
           onclick="approve()">
</div>

因为你使用的是提交,所以它会提交给表单操作,而不是你的javascript。

答案 1 :(得分:4)

您的按钮属于“提交”类型。这将提交表格。表单没有定义URL,因此它假定当前文档,在您的情况下为“/”。 “/?”中的问号后跟表单内容(键/值),在您的情况下,表单为空(它没有输入值,只有一个按钮)

您应该使用“按钮”类型的输入或onclick应该读取“approve(); return false”以防止提交表单而是执行您的功能