ASP.NET MVC Ajax OnBegin/Complete Javascript Problem

Question

Hello,

I am trying to fire off a javascript method using the OnBegin AjaxOption in an Ajax method.

However, when debugging with firebug the callback in unable to find the Javascript method and I do not know why.

My code is simple, first I use a basic Ajax method like this:

<%= Ajax.ActionLink("Testing", "Testing", new AjaxOptions { OnBegin = "RunThisThing" }) %>

Then under it I decalre this script.

    <script type="text/javascript">

        function RunThisThing {
            alert("WORK")
        }
    </script>

Yet when I try running the page and clicking on the link, Firebug tells me "RunThisThing is not defined".

Any idea what I might be doing wrong?

Answer 1

You have a few bugs in your code:

1. You are missing the brackets () after your function name in it's definition.
2. You are missing the semicolon on your alert statement.
3. You are missing the brackets () on the function call in "OnBegin".

This is how your two code blocks should appear:

<%= Ajax.ActionLink("Testing", "Testing", new AjaxOptions { OnBegin = "RunThisThing()" }) %>

and

<script type="text/javascript">
  function RunThisThing() {
    alert("WORK");
  }
</script>