在数据库中更新后信息没有刷新

时间:2016-10-08 21:30:20

标签: javascript jquery twitter-bootstrap

我正在尝试使用bootstrap为一个项目设置模态,在该项目中,客户端可以更新他们喜欢的团队,出生城市和他们的大小。一旦在数据库中更新信息,我想在其各自的字段中更新它。

我的模态代码:

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Modal title</h4>
            </div>
            <div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="cityIn">You live in:</label>
                        <input type="text" class="form-control" id="cityIn" placeholder="city">
                    </div>
                    <div class="form-group">
                        <label for="favoriteTeam">Favorite Team:</label>
                        <input type="text" class="form-control" id="favoriteTeam" placeholder="favoriteTeam">

                    </div>
                    <div class="form-group">
                        <label for="size">Size:</label>
                        <input type="text" class="form-control" id="size" placeholder="size">
                    </div>
                    <div class="form-group">
                        <input type="hidden" class="form-control" id="usernameSubmitting" value="<?php echo $u; ?>">
                    </div>

                    <div class="alert alert-success" id="successAlert" role="alert" style="display: none"></div>
                    <div class="alert alert-danger" id="updateFail" style="display:none"> </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="saveBtn" onClick="Changes()">Save changes</button>
            </div>
        </div>
    </div>
</div>

我的剧本:

function Changes() {

    var updateCity = $("#cityIn").val();

    $.ajax({
        url: "../php_parsers/update_parse.php",
        type: "POST",
        data: {
            cityIn: $("#cityIn").val(),
            favoriteTeam: $("#favoriteTeam").val(),
            size: $("#size").val(),
            usernameSubmitting: $("#usernameSubmitting").val()

        }
    }).done(function(result) {
        if (result == "success") {
            $("#successAlert").html("Update successful").show();

        } else {
            $("#updateFail").html(result).show();
        }
    })

    $('#myModal').on('hide.bs.modal', function(e) {
        $("#cityDisplayed").html(updateCity);
        $("#updateFail, #successAlert").hide();

    });
}

1 个答案:

答案 0 :(得分:0)

nvm我的代码很合适,只是忘了保存它。

std::bind