0

我在 asp.net mvc 中进行开发，今天我在使用 ajax 助手时看到了一些奇怪的事情。

如果我使用 Ajax.BeginForm(...) 或 Ajax.ActionLink(...)，它们不会异步调用（发布到）操作，并且它们像普通表单或普通链接一样工作，但是当我检查请求时.IsAjaxRequest() 在行动中，它返回真。

对于 ajax 表单，我使用

$('#createqfrm').submit(function () {...}

它工作正常，并异步发送表单。

注意：我知道我必须在 jquery.unobtrusive-ajax.min 中将 .live() 更改为 .on()，因为 jquery 的新版本。

这里也是我引用的 java 库：

 <script src="@Url.Content("~/Scripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
     <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

编辑：

检查 Request.IsAjaxRequest() 并看到它返回 false。

添加了操作代码：

public ActionResult GetStriing()
        {
            if (Request.IsAjaxRequest())
            {
                return Json("ajax called",JsonRequestBehavior.AllowGet);
            }
            else
            {
                return Json("ajax not called", JsonRequestBehavior.AllowGet);
            }

        }

表单的部分html代码：

<form action="/admin/xxxx/create" data-ajax="true" data-ajax-success="handeCreateQuestionnareSuccess" id="form0" method="post">        <div class="editor-label">
            <label for="Title">title</label>
        </div>
        <div class="editor-field">
            <input class="text-box single-line" data-val="true" data-val-required="*" id="Title" name="Title" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"></span>
        </div>
        <div class="editor-label">
            <label for="Status">Status</label>
        </div>
....

 <script type="text/javascript">

        function handeCreateQuestionnareSuccess(context) {
            debugger;
            if (context) {

                $("#CreateQuestionnarieform").empty().html(context[1]);
                $("#CreateQuestionnarieform").append('<input type=hidden name=questionnarieid value=' + context[2] + '/>');

            } else {

                $("#CreateQuestionnarieform").empty().html(context[1]);

                $("form").removeData("validator");
                $("form").removeData("unobtrusiveValidation");
                $.validator.unobtrusive.parse("form");
            }
        }
    </script>

使用 ajax 调用提交表单的代码：

$('#createqfrm').submit(function () {

                if ($(this).valid()) {
                    $.ajax({
                        url: this.action,
                        type: this.method,
                        data: $(this).serialize(),
                        success: function (context) {



                        }
                    });
                }
                return false;
            });

不是解决方案，但可以通知其他用户：

问题出在 jquery 1.9.0 以及我从 nuget 获得的 jquery.validate.min.js 和 jquery.validate.unobtrusive.min.js 更新我改回 1.8.3 并且工作正常.....

4

1 回答 1

1

好吧，这听起来像是UnobtrusiveJavaScriptEnabled设置为假。查看您的 AppSettings-File。在部分<appsettings>应该有：

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

编辑：

经过一分钟的谷歌搜索后才找到此链接：

http://forums.asp.net/t/1877166.aspx/1?jquery+unobtrusive+ajax+js+error+with+jQuery+1+9+0+updated

将 jQuery 更新到 1.9.0 后，Unobtrusive Ajax 停止工作

于 2013-01-25T17:27:51.377 回答