Jquery/PHP显示更新后的数据库


Jquery/ PHP Show database after got updated

我有一个jQuery,它在模糊时更新DB。它运行良好,只是我希望代码在更新后显示当前的DB值。数据库中有一个值,字段中的金额将添加到该值中,并进行更新。现在看到这一点的唯一方法是在每次更新时刷新页面。

        <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'] ?>" />

在PHP文件将行插入数据库后,让它从数据库中选择新值,并在对jQuery的AJAX响应中回显它。然后使用jQuery将新值填充到您想要的任何位置。