代码之家 › 专栏 › 技术社区 › David Brunelle

MVC Jquery post被发送两次

model-view-controller post jquery

David Brunelle · 技术社区 · 6 年前

这似乎是一个重新治疗的问题,但我找不到适合我情况的解决办法。我的代码看起来很简单,但我找不到问题所在。

这里是剃须刀部分的全部代码。

@{
    ViewBag.Title = "SÃ©lection de la famille d'emplois";
}

<h2>@ViewBag.Title</h2>
<br /><br />
<div class="form-group ">
    <div class="row">
        <div class="col-md-6">
            @Html.Label("Veuillez sÃ©lectionner la famille d'emplois qui vous intÃ©resse", htmlAttributes: new { @class = "control-label" })<br/>
            @Html.DropDownList("IdFamille", (IEnumerable<SelectListItem>)ViewData["Familles"], "SÃ©lectionner...", htmlAttributes: new { @class = "form-control" })
        </div>

    </div>
    <br /><br />
    <div class="row">
        <div class="col-sm-12">
            <button type="button" class="btn-bootstrap-dialog btn btn-primary" id="btnDebut" >Commencer</button>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal1" role="dialog">

    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h5 class="modal-title">Confirmation</h5>
            </div>
            <div class="modal-body">

                <p>Une fois que vous commencez lâÃ©valuation, il est impossible de changer de famille dâemplois.<br /><br />Continuer ?</p>

            </div>

            <div class="modal-footer">
                <button type="Submit" class="btn btn-success" id="confirmOk">Ok</button>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Annuler</button>
            </div>
        </div>

    </div>

</div>

<script>

    $(document).ready(function () {

    $('.btn-bootstrap-dialog').click(function () {

        var url = $(this).data('url');
        var title = $(this).attr('title');
        $.get(url, function (data) {
            $('#bootstrapDialog').html(data);
            $('#bootstrapDialog').modal('show');
            $('#ModalPopUp').find('#myModalLabel').html($(this).attr("title"));
        });
    });

    $('.btn-primary').click(function (e) {
        e.preventDefault();
        var std = $(this).attr('id');
        $('#myModal1').modal({
            backdrop: 'static',
            keyboard: false
        })
        .on('click', '#confirmOk', function (e) {
            $.post('@Url.Action("ConfirmerFamille", "Interet")',
                {
                    IdFamille: $('#IdFamille').val()
                    });

            $('#myModal1 ').modal('hide');
            window.location.reload();

            });
     });
});

2 回复 | 直到 6 年前

lale liley 6 年前

Taplar 6 年前

$('.btn-primary').on('click', function(e) {
  e.preventDefault();
  var std = this.id;
  
  //leave the modal part in the click logic
  $('#myModal1').modal({
      backdrop: 'static',
      keyboard: false
    });
});

//move this part outside of the click handler, on it's own
//so it only happens once
$('#myModal1').on('click', '#confirmOk', function(e) {
  $.post('@Url.Action("ConfirmerFamille", "Interet")', {
    IdFamille: $('#IdFamille').val()
  });

  $('#myModal1').modal('hide');
  window.location.reload();
});