在更改时自动更新MySQL行

时间:2010-07-15 08:22:16

标签: php jquery mysql html ajax

我有一种管理员面板,我希望能够在不刷新或更改页面的情况下实时更改客户订单状态。我已经发现我需要使用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数据库中。

请注意,我会在一个页面上有多个表单,只希望更新一个更改的表单,但是当我更改它时直接更新。

提前感谢您的回答。

1 个答案:

答案 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()