【问题标题】:ASP.NET Core pass int value from ajax to ViewASP.NET Core 将 int 值从 ajax 传递给 View
【发布时间】:2020-08-23 02:20:47
【问题描述】:

在 ASP.NET Core 中,我试图将值从 ajax 传递到 view,我有一个 action,它传递了一个 int ajax 调用的值,然后从那里,ajax 告诉我的view 闪烁与否。这是controller

public ActionResult GetCounselingCount()
{
        var result = 0;
        try
        {
            var Counseling = _context.TableName.Where(f => f.FolderStatusId == 12)
               .Where(f => f.IsActive == true).Count();

            if (Counseling != 0)
            {
                result = Counseling;
            }
        }
        catch (Exception)
        {
            throw;
        }
        return Json(result);
}

result 传递给我的ajax 调用

$.ajax({
    dataType: "json",
    url: window.location.origin + "/ControllerName/GetCounselingCount",
    success: function (result) {
        if (result != 0) {
            $('#phaSection').addClass("blinking");
        }
        else {
            if ($('#phaSection').hasClass("blinking")) {
                $('#phaSection').removeClass("blinking");
            }
        }
    }
});

当我将<li id="phaSection"> 传递给我的view 时,这工作正常,

<li id="phaSection" class="nav-item @((ViewContext.RouteData.Values["Controller"].ToString() == "ControllerName") && (ViewContext.RouteData.Values["Action"].ToString() == "Counseling") ? "active" : "")">
    <a class="nav-link" asp-controller="ControllerName" asp-action="Counseling">
        <i class="fas fa-book-reader"></i>
        <span>Counseling</span>
    </a>
</li>

这会导致&lt;span&gt;Counseling&lt;/span&gt; 按预期闪烁,但是我的问题是如何将intresult 从我的ajax 传递到我的view 中显示?而不是我的观点&lt;span&gt;Counseling&lt;/span&gt;,我希望它是

&lt;span&gt;Counseling + "value"&lt;/span&gt;

【问题讨论】:

    标签: asp.net ajax asp.net-core


    【解决方案1】:

    您可以在当前目标元素中识别&lt;span&gt; 并设置其文本:

    $('#phaSection span').text('Counseling + ' + result);
    

    或者给&lt;span&gt;自己的id

    <span id="someID">Counseling</span>
    

    并像您对包含元素一样直接定位:

    $('#someID').text('Counseling + ' + result);
    

    无论哪种方式,您要做的不是“将 int 传递给视图”,而只是设置元素的文本。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-14
      • 2020-12-18
      • 1970-01-01
      • 2021-07-01
      • 1970-01-01
      • 2020-07-24
      • 1970-01-01
      • 2020-01-25
      相关资源
      最近更新 更多