jquery - 如何使用 jQuery 根据 Controller 操作结果有条件地更改 CSS 类？

Question

我看过一些类似的帖子，但没有什么能完全模仿我正在寻找的行为。在我的简单 ASP.Net 应用程序中，当提交表单时， Controller 方法的结果存储在 TempData 中。基于该插槽中存在的值，我想更改(设置)标签的 CSS 类(以更改颜色)。我有以下有效的 View 代码:

 <p>
    <input type="submit" name="submitAction" value="Test Connection" />
    @if (TempData["connectionResults"] != null)
    {
        <span class="@(TempData["connectionResults"].ToString() 
                         == "Connection successful" ?
                            "dbConnectionSuccess" : "dbConnectionFail")">
           @TempData["connectionResults"]
        </span> 
    }
    </p> 

我的问题是，是否有更优雅的方式使用 javascript 或 jQuery 来完成此操作？ SO 上有很多帖子做类似的事情，但不是关于 Controller 中 Action 调用的结果。

谢谢!

Answer 1

最终，我想我明白了你们所说的在服务器端执行逻辑是什么意思。我以为你的意思是从 Controller 返回类名......我认为你的意思是从 Controller 返回测试结果。这就是我最终得到的:

<p>
    <input type="submit" name="submitAction" id="testConnection" value="Test Connection" />
    @if (@Model.IsDbConnectionSuccessful != null)
    {
        if (@Model.IsDbConnectionSuccessful.Value)
        {
            <span class="dbConnectionSuccess">Connection successful</span>                    
        }
        else
        {
            <span class="dbConnectionFail">Connection  Unsuccessful</span>                     
        }               
    }
</p>