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 发布请求,因此页面不会刷新。
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();
所以页面不会在按钮点击时刷新
推荐阅读
- python - Pandas 在布尔索引匹配周围获得 N 行
- php - 我想除以整数类型并四舍五入现有的小数点
- javascript - 使用 javascript 和 CSS 绘制曲线上的 sin 和 cos 动画
- typescript - 如何使用 cdk 获取帐户 ID
- omnet++ - 为什么 INET Aodv 路由在 OMNeT++ 中不起作用?
- sharepoint - 为什么我不能将 SharepointForm1 重命名为其他名称?
- keystore - 我应该为每个要加密的字符串创建一个新的 SecretKey 吗?
- python - 从 html 列表返回 json 字符串
- python - 类数,4,与 target_names 的大小,6 不匹配。尝试指定标签参数
- sql - 在 SQL Plus 中更新查询而不是提交并指导我在另一个会话中提交