gpt4 book ai didi

javascript - ‘提交’onload进入循环

转载 作者:行者123 更新时间:2023-11-28 18:33:22 29 4
gpt4 key购买 nike

我希望在页面加载后提交此表单,并且我使用了以下代码来完成此操作。问题是页面不断重新加载并停留在该循环中。

HTML

<body onload="document.getElementById('filters').submit();">
<form id="filters" method="post">
<section>
<select id="Genre" name="genres" >
<option value="Select Genre">Select Genre</option>
<option value="All">All</option>
{% for row in genre %}
<option value="{{row.genre}}">{{row.genre}}</option>
{% endfor %}
</select>
<select id="Rating" name="ratings" >
<option value="Select Rating">Sort by Rating</option>
<option value="Best">Best</option>
<option value="Rating_IMDB">IMDB</option>
<option value="Rating_RT">Rotten Tomatoes</option>
</select>
</section>
</form>
</body>

最佳答案

问题的现状

目前这个问题并没有真正提供足够的信息来给出一个好的答案,因为我们也不知道1) 表格提交地点2)表单提交后应该做什么

一旦添加了这些,那么这个答案就可以进一步改进。

回答

如果您希望该表单执行某些操作,则需要为其添加操作。另外,我不明白为什么您要在用户输入任何内容之前提交表单。

目前该表格没有任何意义。它有效地重定向到您已经所在的页面,因为默认情况下 action="#" (我认为)。

AJAX

为了在没有此重新加载循环的情况下完成提交表单的等效操作,您需要使用 AJAX。这会向服务器提交异步请求,但实际上不会在浏览器中加载页面。方法如下:

function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (xhttp.readyState == 4 && xhttp.status == 200) {
document.getElementById("demo").innerHTML = xhttp.responseText;
}
};
xhttp.open("POST", "Where_you_are_submitting_form_to", true);
xhttp.send();
}

来源:w3学校

关于javascript - ‘提交’onload进入循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37557509/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com