如何通过与 jQuery 集成来检查 TempData 是否为 null？

我想展示一个toastr（又名弹出窗口）如果TempData不为空。但是，我在将 jQuery 和 Razor 语法集成在一起时遇到了麻烦。这是我当前的 JavaScript：

$(document).ready(function() {
        if (@TempData["SuccessMessage"] != null) {
            toastr.options = {
                "closeButton": true,
                "positionClass": "toast-bottom-right"
            }
            toastr.success("This is a test!");
        }
});

但是，toastr 没有显示。我已经在进一步检查 TempData 以向用户显示文本。

@if (TempData["SuccessMessage"] != null)
{
    <div class="success-message">
        @Html.Raw(@TempData["SuccessMessage"].ToString())
    </div>
}

我想知道是否有一种替代方法可以使用上面的标记并检查这个 div 是否存在，如果存在，则显示 toastr？或者也许我可以将这两项检查合并为一项？建议？

我能够使用以下代码让它工作：

$(document).ready(function() {
    var success = @((TempData["SuccessMessage"] != null).ToString().ToLower());

    if (success == true) {
        toastr.options = {
            "closeButton": true,
            "positionClass": "toast-bottom-right"
        }
        toastr.success("Success!  You're now registered for Lose A Ton!");
    }
});

对于任何好奇的人，我不得不打电话ToLower()因为 TempData 总是会返回True or False， 而不是true or false。原因如下：here https://stackoverflow.com/questions/491334/why-does-boolean-tostring-output-true-and-not-true.