Php 使用ajax提交html表单

我正试图设计一个餐厅网站作为一个项目，每次我点击提交按钮订购任何食物，页面就会刷新并跳回顶部。 我什么都试过了，但不知道怎么解决

这就是我的按钮目前的样子：

  <div class="BestellButton">
                        <form action = "insertorder.php"  method ="post" >
                            <input type="hidden" name = "artikelnummer" value ="'.$row['Artikelnummer'].'"/>
                            <input type="hidden" name="URL" value= "Drinks.php" />
                            <button type = "submit">Bestellen</button>

                        </form>
                   </div>

贝斯特伦

---

谢谢您的帮助。

您可以在单击按钮时使用ajax post请求，这样页面将不会刷新

var http = new XMLHttpRequest();
var url = "insertorder.php";
var params = 'name1=value1&name2=value2';
http.open('POST', url, true);

// post header
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

http.onreadystatechange = function() {
    if(http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}
http.send(params);

此外，在提交按钮单击事件中，您必须使用

preventDefault();

---

所以页面不会在点击按钮时刷新

您可以在点击按钮时使用ajax post请求，所以页面不会刷新

var http = new XMLHttpRequest();
var url = "insertorder.php";
var params = 'name1=value1&name2=value2';
http.open('POST', url, true);

// post header
http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');

http.onreadystatechange = function() {
    if(http.readyState == 4 && http.status == 200) {
        alert(http.responseText);
    }
}
http.send(params);

<div class="BestellButton" id="ankerlink">
<form action = "insertorder.php#ankerlink"  method ="post">

此外，在提交按钮单击事件中，您必须使用

preventDefault();

因此，点击按钮时页面将不会刷新

<div class="BestellButton" id="ankerlink">
<form action = "insertorder.php#ankerlink"  method ="post">

您可以找到问题的答案，这里是AJAX。试试jQuery，它真的很容易找到你问题的答案，这里是你想要的AJAX。试试jQuery，它真的很简单