我有一种管理员面板,我希望能够在不刷新或更改页面的情况下实时更改客户订单状态。我已经发现我需要使用Javascript,AJAX或jQuery,但由于我没有相关的经验,没有时间去学习所有我要求你帮助以实现这个目标。
我的代码:
<form>
<select name="status">
<option value="0">Ej verifierad</option>
<option value="1">Väntar på betalning</option>
<option value="2">Postas ASAP</option>
<option value="3">POSTAD!</option>
<option value="4">Annulerad</option>
</select>
</form>
订单状态保存在MySQL数据库中。
请注意,我会在一个页面上有多个表单,只希望更新一个更改的表单,但是当我更改它时直接更新。
提前感谢您的回答。
答案 0 :(得分:3)
肯定使用jQuery。这是进行AJAX调用的最简单方法......这是用JavaScript完成的。所以,我想最好的答案是,你需要这三个!
让PHP页面接受POST参数,而不是使用action="myFormResponder.php"
和method="post"
提交表单,保留这些参数完整,并将其放在网页的顶部(在结束前{{1}标签):
</head>
另请参阅:jQuery Documentation: $.post()。这将有助于您了解如何使用传递给回调的数据。
我基本上用自己的事件处理程序替换了onsubmit事件。如果您想在每次更改选择控件时进行响应,而只需将处理程序附加到<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#myForm').submit(function(){
$.post("myFormResponder.php",$('#myForm').serialize(), function(data, textStatus, xhr){
// Do whatever you need here to update your page when the AJAX call finishes
});
return false; // Cancel default submit action
});
});
</script>
事件,如下所示:
change()