2012-08-24 94 views
0

我有這個模糊更新數據庫的jQuery。它工作正常,除了我希望代碼更新後顯示當前DB值。數據庫中存在一個值,該字段中的金額將被添加到該值,並被更新。現在看到的唯一方法是在每次更新時刷新頁面。Jquery/PHP更新後顯示數據庫

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
    // JQUERY: Plugin "autoSumbit" 
    (function($) { 
     $.fn.autoSubmit = function(options) { 
      return $.each(this, function() { 
       // VARIABLES: Input-specific 
       var input = $(this); 
       var column = input.attr('name'); 

       // VARIABLES: Form-specific 
       var form = input.parents('form'); 
       var method = form.attr('method'); 
       var action = form.attr('action'); 

       // VARIABLES: Where to update in database 
       var where_val = form.find('#where').val(); 
       var where_col = form.find('#where').attr('name'); 

       // ONBLUR: Dynamic value send through Ajax 
       input.bind('blur', function(event) { 
        // Get latest value 
        var value = input.val(); 
        // AJAX: Send values 
        $.ajax({ 
         url: action, 
         type: method, 
         data: { 
          val: value, 
          col: column, 
          w_col: where_col, 
          w_val: where_val 
         }, 
         cache: false, 
         timeout: 10000, 
         success: function(data) { 
          // Alert if update failed 
          if (data) { 
           document.getElementById("notice").innerHTML="Error, NO UPDATE"; 
          } 
          // Load output into a P 
          else { 
           $('#notice').text('Updated'); 
           $('#notice').fadeOut().fadeIn(); 
          } 
         } 
        }); 
        // Prevent normal submission of form 
        return false; 
       }) 
      }); 
     } 
    })(jQuery); 
    // JQUERY: Run .autoSubmit() on all INPUT fields within form 
    $(function(){ 
     $('#ajax-form INPUT').autoSubmit(); 
    }); 
    </script> 

HTML東西

  <label>Total:</label> 
      <input name="company" value="<?php echo $row['total'] ?>" /> 

     <label>Tax-in:</label> 
      <input name="lastname" value="<?php echo $row['taxin'] ?>" /> 

回答

1

你的PHP文件後插入一行到數據庫中,已將其從數據庫中選擇新的價值和迴音回的AJAX響應jQuery的。然後使用jQuery在你想要的地方填充新的值。

+0

我打了幾乎一模一樣的東西:) – IMSoP

+0

給我快速繪製麥格勞。 – Travesty3

+0

不錯,也很容易。謝謝 – Bobby