gpt4 book ai didi

javascript - 如何在不重新加载页面的情况下提交数据?

转载 作者:行者123 更新时间:2023-11-27 22:52:45 25 4
gpt4 key购买 nike

我一直在努力解决这个问题很长一段时间。我是网络开发的新手。我想要做的是,当我点击提交按钮提交值时,页面应该保持在它的位置,但它会自动转到顶部,这是我不希望的。

<!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)提供了一种轻松构建一组表示表单字段及其值的键/值对的方法。

获取 API 检查的浏览器兼容性 This link .

关于javascript - 如何在不重新加载页面的情况下提交数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58528349/

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