2013-03-15 69 views
-1

我第一次在這裏發佈。我希望有人能幫助我。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> 

我已經在指定的數據庫中創建一個表「產品」的列「id」和「價值」 目前有是5個產品,它們都具有值0.

因此,每當我更改微調器,然後將該微調器保留爲另一個,我希望將新值 添加到數據庫中。

謝謝

+0

每次改變微調器或每次微調器失去焦點時?這是一個重要的區別。 – ATaylor 2013-03-15 09:40:27

+3

Google是你的朋友。 – ShuklaSannidhya 2013-03-15 09:45:24

+0

對不起忘了。當它失去焦點時,我認爲每次旋轉都會有點過分。 – sumguysk8 2013-03-15 14:49:53

回答

0

我的jQuery不是最好的,但我認爲這應該會對你有所幫助。

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

這個腳本會(如果我的'頭編譯器不會失敗我現在),反應到事件的內容事件並調用Ajax的功能,這將使電流(格式化)值微調的變量爲$_POST['Value']

再說一遍,這段代碼完全沒有經過測試。

在側面說明'urmom'不完全是一個非常好的變量名稱。我同意通常很難找到好的變量名,但spnurmom更適合spinner。你不同意嗎?

+0

啊哈,看起來像會工作,生病後試,我即將開始工作。我並沒有真正使用「urmom」,這只是當我打字時想到的第一件事。謝謝你的幫助 – sumguysk8 2013-03-15 14:37:42