AJAX呼叫未按預期運行

Question

選擇單選按鈕時，我嘗試使用AJAX調用來呈現局部視圖。 我已經搜索並嘗試通過Stack上的注釋來尋找最佳方法。 當我單擊單選按鈕時，沒有任何結果，在調試中，我得到一個狀態碼：500 Internal Server Error？ 任何幫助都會很棒。

部分視圖名稱：

_BOA.cshtml
_TA.cshtml
_MNB.cshtml

視圖：

                <td class="radio-inline">
                    @Html.RadioButton("bankSelect", "MNBConvert", false, new { @class = "radioMNB" }) MNB Conversion
                    @Html.RadioButton("bankSelect", "BOAConvert", false, new { @class = "radioBOA" }) BOA Conversion
                    @Html.RadioButton("bankSelect", "TAConvert", false, new { @class = "radioTA" }) TA Conversion
                </td>

使用Javascript：

<script src="~/Scripts/jquery-1.9.0.js"></script>
   <script type="text/javascript">
        $(function () {
            $("[name=bankSelect]").on('change', function () {
               // var $radio = $(this);
                var checked = $("input[name='bankSelect']:checked").val();

                $.ajax({
                    url: '@Url.Action("GetBankToConvert", "Home")',
                    data: checked,
                    type: 'GET',
                    success: function (data) {
                        $("#renderPartialView").html(data);
                    }
                });
            });
        });
    </script>

控制器：

[HttpGet]
        public ActionResult GetBankToConvert(string bankSelect)
        {
            if (bankSelect == "MNBConvert")
            {
                return PartialView("_MNB");
            }
            else if (bankSelect == "BOAConvert")
            {
                return PartialView("_BOA");
            }
            else
            {
                return PartialView("_TA");
            }
        }

Answer 1

您不會將鍵/值對作為數據發送，而只是發送一個value 。

嘗試

$.ajax({
    url: '@Url.Action("GetBankToConvert", "Home")',
    data: {bankSelect: checked },
    type: 'GET',
    success: function (data) {
        $("#renderPartialView").html(data);
    }
});

如果有疑問，請在瀏覽器開發工具的“網絡”選項卡中檢查實際請求，以查看請求的所有其他組件之間准確發送和接收的內容