在mvc中加载视图时调用javascript函数

本文关键字:调用 javascript 函数 视图 mvc 加载 | 更新日期: 2023-09-27 18:25:22

我正试图在视图中调用js function

@model DomainClass.Group
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
    <script language="javascript" type="text/javascript">
        document.read = function myFunction() {
            if (ViewBag.State == "error") {
                if (confirm("معیار مورد نظر دارای زیر مجموعه های مرتبط است. آیا تمایل به ویرایش دارید ؟")) { } else {
                    history.back();
                }
            }
        }
    </script>
}
    }
    @using (Html.BeginForm())
    {
       //my code 
    }
    @section Scripts {
        @Scripts.Render("~/bundles/jqueryval")
    }

正如你所看到的,我的函数名是myfunction,它取决于viewbag的值,但浏览器永远不会调用它!!!

我应该在视图中添加额外的代码吗?

任何想法都将不胜感激。

向致以最良好的问候

在mvc中加载视图时调用javascript函数

您的脚本永远不会执行,因为它不会呈现到页面上。所以我把它从服务器标签中移到了HTML标记中。只填写您需要的参数。但是你还有第二个问题。您可以将函数签名到窗口上的一个变量。无论右侧的函数名称如何,它都将被命名为左侧的函数。事实上,右翼不应该有一个名字。第三个也是最后一个问题是,你不能在任何地方调用函数。由于我看到您包含了jquery-validate,我想您也包含了jquery,并使用了它们的文档就绪功能。

我已经更新了你的功能。还有更多的优化空间,但它没有包括它们来明确你的错误在哪里。

@model DomainClass.Group
@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script language="javascript" type="text/javascript">
    //use window instead of document
    window.myFunction = function () {
        //Try setting the boolean this way
        var x = @(ViewBag.State == "error" ? "true" : "false");
        if (confirm("معیار مورد نظر دارای زیر مجموعه های مرتبط است. آیا تمایل به ویرایش دارید ؟")) {
        }
        else {
            history.back();
        }
    }
    $(function () {
        window.myFunction();
    });
</script>
@using (Html.BeginForm())
{
    //my code
}
@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}