我长期以来一直在尝试解决这个问题。我是网络开发新手。我想做的是，当我单击“提交”按钮来提交值时，页面应该保持在原来的位置，但它会自动转到顶部，这是我不希望的。
<!DOCTYPE html>
<html >
<head>
<style>
.bigbox{
height: 600px;
width: 500px;
background: olive;
margin: 10px;
}
</style>
</head>
<body>
<div class="bigbox">1</div>
<div class="bigbox">2</div>
<h4>type the range of numbers:</h4>
<form id="myform">
<input type="text" name="num1" placeholder="num1">
<input type="text" name="num2" placeholder="num2">
<button type="submit" name="submit" value="submit">Submit</button>
<button type="reset">Reset</button>
</form>
<?php
if(isset($_GET['submit']))
{
$num1=$_GET['num1'];
$num2=$_GET['num2'];
$prefix=array("st","nd","rd","th");
for($j = $num1 ; $j<=$num2;$j++)
{
switch($j)
{
case ( $j%100==11 || $j%100==12 || $j%100==13 ); $i=3; break;
case $j%10==1: $i=0;break;
case $j%10==2; $i=1;break;
case $j%10==3; $i=2;break;
default : $i=3;
}
echo "this is the ".$j.$prefix[$i]." number "."<br>";
}
}
?>
</body>
</html>
最佳答案
我创建了a pen用最接近的方法来解决此类问题， 使用 javascript 实现此目的 Fetch API
const formElement= document.getElementById("myform");
formElement.addEventListener('submit',(e)=>{
e.preventDefault();
const formData = new FormData(formElement);
fetch(`api/url`, {
method: 'POST',
body: formData,
})
.then(result => result .json())
.then(data=> console.log(data)) //after form submit
.catch((err)=>console.log(err));
});
FormData接口(interface)提供了一种轻松构造一组表示表单字段及其值的键/值对的方法。
对于 fetch API 检查的浏览器兼容性 This link .
关于javascript - 如何在不重新加载页面的情况下提交数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58528349/