Asp.Net Core - 選中復選框后將數組值從 Controller 傳遞給 Json 查看？

Question

我在視圖中有一個復選框，我希望它在選中時從 controller 返回數據，它顯示在視圖中並顯示在輸入框中？

<input  class="js-recipient-is-me" type="checkbox"/>

Javascript：

$('.js-recipient-is-me').change(function () {
if (this.checked) {
    $('.js-input-field').addClass('disabled');
    $.ajax({
        url: '/Cart/GetUserInfo',
    });
} else {
    $('.js-input-field').removeClass('disabled');
}

});

Html 輸入：

<input type="text" id="mobile" class="js-input-field" name="name" />
<input type="text" id="name" class="js-input-field" name="name" />
<input type="text" id="family" class="js-input-field" name="name" />

Controller：

 public async Task<JsonResult> GetUserInfo()
    {
        CurrentUserId = User.FindFirstValue(ClaimTypes.NameIdentifier);

        var userinfo = await _scope.GetUserInfo(Guid.Parse(CurrentUserId));

        return Json(0);
    }

'userinfo' 具有三個值 'Mobile-name-family'

我想將用戶信息值放入輸入中......

它是如何完成的？

Answer 1

您需要添加一個回調來處理從服務器接收到的數據。 您可以在ajax請求之后使用done()來執行此操作。

    $.ajax({
        type: "GET",
        url: '/Cart/GetUserInfo'
    })
    .done( function(data) {
        $('#mobile').val(data[0]);
        $('#name').val(data[1]);
        $('#family').val(data[2]);
    });

您還需要將數據從 Controller 傳遞到視圖。 目前，您似乎總是返回0 。 像這樣返回用戶信息 object： return Json(userinfo); userinfo

public async Task<JsonResult> GetUserInfo()
{
    CurrentUserId = User.FindFirstValue(ClaimTypes.NameIdentifier);
    var userinfo = await _scope.GetUserInfo(Guid.Parse(CurrentUserId));

    return Json(userinfo);
}

---

您還應該為您的輸入提供適當的name - 它們都是共享名稱，這會導致常規表單提交出現問題，例如： <input type="text" id="mobile" class="js-input-field" name="mobile" />