0

ここで同様の質問をいくつか見ましたが、この問題を解決できませんでした。最終的には機能するので入札取引ではないようですが、デバッグするとボタンをクリックしたときにAjaxを使用して非表示のdiv（ポップアップを模倣）を表示しようとすると、メソッド（ConfirmMaxBid）でコントローラーが2回呼び出されることがわかります（さらに私は時々さらに多くの時間を感じ、コードを介してフローを混合します。つまり、行ったり来たりします)。

これがビューです

@model UI.Models.BidOnAuctionViewModel
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/js/BidAndMaxBidConfirmation.js")" type="text/javascript"></script>

@{
   var disableButton = Model.AuctionOpen ? "" : "bid-btn-disabled";     
}

@using (Html.BeginForm("ConfirmMaxBid", "Lot"))
{
  <fieldset>
    <div class="lotdetail-maxbid-row">
        <label>Your Max Bid</label>
        @*<input id="Amount" class="radius2 text-box single-line valid" type="text" name="Amount" data-val-required="The Amount field is required." data-val-number="The field Amount must be a number." data-val="true">*@
        @if (Model.AuctionOpen)
        {
            @Html.TextBoxFor(model => model.Amount, new {@class = "radius2 text-box single-line valid"})
        }
        else
        {
            @Html.TextBoxFor(model => model.Amount, new {@class = "radius2 text-box single-line valid", @disabled = "disabled"})
        }
    </div>
    <input type="submit" id="autobidButton" value="Increase Max bid" class="btn btn-level2 btn-maxbid @disableButton" />
  </fieldset>

  <div id="autoBidConfirmation" class="lotdetail-modal" style="display: none;"> 
    @Html.HiddenFor(model => model.AuctionId)
    @Html.HiddenFor(model => model.AutobidAmount)
    @Html.HiddenFor(model => model.AuctionEventId)
    <h4 id="confirmationMessage"></h4>
    <span id="returnedCorrectedAmount" class="lotdetail-modal-msg"></span>
    <input name="button" value="Place bid" type="submit" class="btn btn-level2" />
    <input id="cancelAutoBid" name="button" value="Cancel" type="submit" class="btn btn-level2 btn-cancel" />
  </div>
}

document.ready のときに呼び出されるスクリプトの関数は次のとおりです。

$('#autobidButton').click(function (e) {
    e.preventDefault();
    var model =
        {
            AuctionEventId: $('#AuctionEventId').val(),
            AuctionId: $('#AuctionId').val(),
            Amount: $('#Amount').val()
        };
    $.ajax({
        url: "/Lot/ConfirmMaxBid",
        dataType: 'json',
        type: "POST",
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        success: function (data) {
            var amount = "$" + data.AutobidAmount;
            $('#returnedCorrectedAmount').html(amount);
            $('#AutobidAmount').val(data.AutobidAmount);
            $('#confirmationMessage').text(data.AutobidConfirmationMessage);
            $('#autoBidConfirmation').show();
        }
    });
});

そして最後に、これがメソッドです（この質問が長すぎるのを避けるために、この部分は少なくとも2回呼び出されます）

public ActionResult ConfirmMaxBid(string button, BidOnAuctionViewModel model)
    {
        if(Request.IsAjaxRequest())
        {
            var confirmationMessage = "Confirm your bid";
            var correctedAmount = model.Amount;
            if (!CheckMaxBidFitsIncrementTier(model.Amount, model.AuctionEventId))
            {
                confirmationMessage = "This bid can't be placed, do you want to place the following instead?";
                correctedAmount = CalculateNextBidAmountForWrongMaxAmount(model.Amount, model.AuctionEventId);
            }

            return Json(new
            {
                AutobidAmount = correctedAmount,
                model.AuctionId,
                model.AuctionEventId,
                AutobidConfirmationMessage = confirmationMessage
            });
        }

        if (button == "Place bid")
        {
          //Here's the code to do the stuff when confirming in the partial view

なぜこれが起こるのか分かりますか？

前もって感謝します

アップデート

いくつかのアラートを配置した後 (デバッグの非常に原始的な方法だと思います)、成功関数の最後の行の直後にメソッドが再度呼び出されることがわかります ($('#autoBidConfirmation').show();) の後)。

4

1 に答える 1

1

非同期のポストバックの後、ドキュメントはおそらく複数回準備ができています。

次のようなものを試してください：

$(document).ready(OnDocumentReady);

function OnDocumentReady()
{
     $("#autobidButton")
          .unbind("click", AutoBidFunction)
          .click(AutoBidFunction);
}

function AutoBidFunction(e)
{
    // Code Here
}
于 2012-10-29T21:39:24.547 に答える