Javascript Ajax回调函数未定义错误

Question

我尝试到处搜索，因为在我看来这是一个非常常见的（NuBee？）问题，但对我没有任何帮助...所以在这里

为了切入正题，我的Razor代码（稍后显示）将ajax表单发布到MVC4操作中，该操作可以正常工作，但是任何向该表单添加回调函数的尝试（ OnSuccess ， OnBegin等）都会失败，并出现运行时错误，即回调函数未定义。 这是发生异常后立即在我的Chrome浏览器中显示的错误消息的图像：

JSChromeError

这是表单的代码：

    @using (Ajax.BeginForm("AskQuestion", null, 
        new AjaxOptions() { 
            OnSuccess = "endAskQuestion" },
        new { id = "askQuestionForm" }))
    {
        @Html.AntiForgeryToken() 
        @Html.ValidationSummary(true)

        <fieldset>
            <legend>@ViewBag.Controller</legend>
            <br />
            @{ var investigationID = Model.Investigation.InvestigationID; }
            @Html.HiddenFor(model => investigationID)
            <input type="submit" class="button" value="שלח היגד"/>
            <input type="button" id="cancelEdit" class="button" value="בטל עריכה"/>
        </fieldset>
    }

还有定义endAskQuestion的脚本：

$(document).ready(function () {

    //deleted several Jquery and JS functions...

    // callback function definition
    function endAskQuestion() {
        alert("adad");
    }
})

另外，我看到一些帖子指出对JQuery和Ajax脚本的引用很重要，因此这是带有引用的html头部分：

<head>
    <meta charset="utf-8" />
    <title>RTInvestigation</title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="/Content/css?v=_WuF_JGHabtqdWNcwICWILVG9A391eZyF0GO24jlq9U1" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" />
    <script> </script>
    <meta name="viewport" content="width=device-width" />
    <script src="/Scripts/jquery-1.8.2.js"></script>

    <script src="/Scripts/jquery-ui-1.8.18.js"></script>
    <script src="/Scripts/jquery-ui-1.8.20.js"></script>

    <script src="/Scripts/jquery.unobtrusive-ajax.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>

</head>

我不知道为什么Razor为两个Jquery-UI版本创建引用...我找不到原因。

为什么不定义回调函数？

感谢您的帮助

Answer 1

从$(document).ready函数中取出endAskQuestion 。 另外，请在每条javascript代码行的末尾使用分号，因为这也会经常引发未定义的错误。

$(document).ready(function () {

    //deleted several Jquery and JS functions...

}); // added semicolon here...

// callback function definition should be moved outside
function endAskQuestion() {
    alert("adad");
}

Answer 2

endAskQuestion的范围限于文档准备好后jQuery调用的匿名函数。 正如ps2goat所说，您需要将其从$（document）.ready回调中删除。 这样，它将被全局定义，并且可以通过关闭用于AJAX的callbakc来访问。 阅读有关范围，闭包和匿名用户的信息。

Javascript Ajax回调函数未定义错误

问题描述

2 个解决方案

解决方案1
1 已采纳 2013-10-21 07:26:48

解决方案2
0 2013-10-21 07:31:48

Javascript Ajax回调函数未定义错误

问题描述

2 个解决方案

解决方案1 1 已采纳 2013-10-21 07:26:48

解决方案2 0 2013-10-21 07:31:48

解决方案1
1 已采纳 2013-10-21 07:26:48

解决方案2
0 2013-10-21 07:31:48