call javascript function when the view is loaded in mvc

Question

I am trying to call a js function inside my view :

@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")
    }

As you can see the my function name is myfunction and it depends on viewbag value ,but never it is't called by browser!!!

Should i add extra code to my view ?

Any ideas will be appreciated .

Best regards

@E A surely you just need a $(document).ready(function() {} which calls your function — Thewads
– Thewads, Commented Oct 3, 2014 at 9:19

Bosken85 · Accepted Answer · 2014-10-04 09:29:37Z

2

Your Script is never executed because it won't be rendered to the page. So i moved it out of the server tags and into the HTML markup. Only filling in the parameter you need. But then you have a second problem. You sign the function to a variable on the window. No matter the name of the function on the right side it will be named the one on the left side. In fact, the right side shouldn't have a name al togheter. Then the third and final problem is, you don't call the function anywhere. Since i see that you included jquery validate i presume you also included jQuery and made use of their document ready function.

I've included an update of your function. There is some more room for optimalisation but it didn't include them to make it clear where your mistakes where.

@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")
}

edited Oct 4, 2014 at 9:29

answered Oct 3, 2014 at 8:26

Bosken85

7876 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ehsan Akbar Over a year ago

It doesn't work,I need when the page is loaded my function be called .

Collectives™ on Stack Overflow

call javascript function when the view is loaded in mvc

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related