jQuery Spinner更改数据库

时间:2013-03-15 09:37:10

标签: php jquery-ui jquery spinner

我第一次在这里发帖。我希望有人可以帮助我。

有人能给我一个关于如何在更改ui微调器之后更新mysql数据库的示例吗?我一直在做更多的PHP而不是javascript(所以我有点忘了一些)并且我没有使用jQuery,但它看起来很简单,我只是不确定如何在微调器更改后做某事。我知道Ajax会被使用,但有人可以解释你会如何做到这一点..

<?php buncha php code here.. connected to database ?>
<html>
    <head>
        <script jquerylinkhere></script>
        <script jqueryuilinkhere></script>
        <script>
         $(function() {
             var urmom = $( ".spinner" ).spinner();
             **not sure what goes here to send info to database**
         });
        </script>
    </head>
    <body>
        <table>
        <?php loops by amount stored in database table { ?>
        <tr>
            <td><?php echo $query["id"]; ?></td>
            <td>
                <input class="spinner" name="value" value="<?php echo $query["value"]; ?>"/>
            </td>
        </tr>
     <?php } ?>
    </table>
    </body>
 </html>

我已在数据库中创建了一个名为“products”的表,其中包含“id”和“value”列 目前共有5个产品,它们都是0。

所以每次我更改微调器然后将该微调器留给另一个,我想要新的值 要添加到数据库中。

由于

1 个答案:

答案 0 :(得分:0)

我的jQuery不是最好的,但我认为这对你有所帮助。

urmom.focusout(function() {
    $.ajax(LinkToYourPHPScript, {
        data: { Value : urmom.value() },
        type: 'POST'
    });
});

这个脚本将(如果我的'头编译器'现在没有让我失败),对focusout事件做出反应并调用Ajax函数,这将把微调器的当前(格式化)值放在{{1变量。

同样,此代码完全未经测试。

另一方面,'urmom'并不是一个非常好的变量名。我同意通常很难找到好的变量名称,但$_POST['Value']更适合spn而不是spinner。你不同意吗?