Javascript onsubmit JS脚本未重定向到正确位置

Javascript onsubmit JS脚本未重定向到正确位置,javascript,html,Javascript,Html,我想在使用以下代码提交表单时重定向: <form onsubmit="window.location.href = '/join_game';" id='info'> <textarea id='player_name'></textarea> <button type='submit'><p>Join Game!</button> </form> 起始href值:http:

我想在使用以下代码提交表单时重定向:

<form onsubmit="window.location.href = '/join_game';" id='info'>
    <textarea id='player_name'></textarea>
    <button type='submit'><p>Join Game!</button>
</form>
起始href值:http://localhost:5000/

我想要这个值:http://localhost:5000/join_game

我得到的价值是:http://localhost:5000/?


为什么我会得到最后一个url?如果我在浏览器的开发控制台中键入完全相同的命令,它就可以正常工作。我尝试过location.replace和location.assign,都没有做任何不同的操作。我对将JS与HTML结合使用非常陌生,因此任何建议都值得赞赏。

与其使用javascript,不如使用表单元素的good ol'action属性,如下所示:

请注意:您的按钮中有一个段落元素,但您没有关闭它,我将删除它,因为您可以直接将文本放入按钮中

<form action='/join_game' id='info'>
    <textarea id='player_name'></textarea>
    <button type='submit'>Join Game!</button>
</form>

与其使用javascript,不如使用form元素的good ol'action属性,如下所示:

请注意:您的按钮中有一个段落元素,但您没有关闭它,我将删除它,因为您可以直接将文本放入按钮中

<form action='/join_game' id='info'>
    <textarea id='player_name'></textarea>
    <button type='submit'>Join Game!</button>
</form>

如果你想用javascript完成这项工作,你需要用returnfalse停止表单的提交

window.location.href='/join_game';->你改变位置 返回false;-在这里,您可以停止表单提交时的页面刷新
如果您为自己的应用程序添加name属性,并像@Zack VT所说的那样发送这个,抛出表单操作,那就太好了。当您将一个名称分配给时,您可以使用$_POST['name']访问例如PHP文件示例:然后在PHP文件中,您可以使用$_POST['player-name']访问用户输入的内容。

如果要使用javascript执行此操作,您需要停止表单的提交,并返回false

window.location.href='/join_game';->你改变位置 返回false;-在这里,您可以停止表单提交时的页面刷新
如果您为自己的应用程序添加name属性,并像@Zack VT所说的那样发送这个,抛出表单操作,那就太好了。当您将名称分配给时,您可以使用$_POST['name']访问您的示例PHP文件示例:然后在PHP文件中,您可以使用$_POST['player-name']访问用户输入的内容

这需要通过抛出javascript来完成吗?或者您可以直接将表单提交到操作页面?这需要通过抛出javascript来完成吗?或者您可以直接将表单提交到操作页面?太好了!我对HTML的缺乏经验肯定说明了这一点。谢谢你的帮助!太好了!我对HTML的缺乏经验肯定说明了这一点。谢谢你的帮助!谢谢你的深入回答!这有助于理解问题的根本原因。感谢您的深入回答!这有助于理解问题的根本原因。