如何通过ajax拆分json数据并将相关数据设置为相关的html文本

我通过控制器中的json返回从linq查询中获取多个字段数据。现在，我想通过ajax将多个字段数据设置为它们相关的html文本工具

这是我的控制器代码

public virtual IActionResult CustomerTotalUdharFine(int customerId)
{
    if (!_permissionService.Authorize(StandardPermissionProvider.ManageCustomers))
        return AccessDeniedDataTablesJson();

    var totalKhata = (from khata in _khataBookGroupRepository.Table
                           where khata.CustomerId == customerId
                           group khata by 0 into g
                           select new
                           {
                               TotalUdhariFine = g.Sum(x => x.UdharFine),
                               TotalJamaFine = g.Sum(x => x.JamaFine),
                               TotalUdhariRs = g.Sum(x => x.UdharRs),
                               TotalJamaRs = g.Sum(x => x.JamaRs)
                           });
    return Json(totalKhata);
}

这是我的ajax代码

$.ajax({
     url: "@(Url.Action("CustomerTotalUdharFine", "Customer"))",
     data: postData,
     success: function (data) {
         alert(JSON.stringify(data));
         if (data) {
             $("#TotalUdharFine").val(data.TotalUdhariFine);
             $("#TotalJamaFine").val(data.TotalJamaFine);
             $("#TotalUdhariRs").val(data.TotalUdhariRs);
             $("#TotalJamaRs").val(data.TotalJamaRs);
        }
    }
});

现在，在警报中以逗号格式显示数据。要获得更清晰的信息，请参见图片

现在，我想拆分该数据并在html文本中进行设置。

您可以尝试

$("#TotalUdharFine").val(data[0].TotalUdhariFine);
$("#TotalJamaFine").val(data[0].TotalJamaFine);
$("#TotalUdhariRs").val(data[0].TotalUdhariRs);
$("#TotalJamaRs").val(data[0].TotalJamaRs);