遇到鬼了，Ajax.BeginForm提交表单，页面居然会跳转？？！！！！

最新推荐文章于 2021-08-05 20:22:28 发布

原创最新推荐文章于 2021-08-05 20:22:28 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

编程语法专栏收录该内容

55 篇文章

订阅专栏

本文探讨了一个在表单提交过程中遇到的问题，即未能正确提交数据至后台。通过检查并引入缺失的jQuery插件jquery.unobtrusive-ajax.min.js，成功解决了表单提交问题，并详细介绍了其在实现AJAX异步提交过程中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百思不得其解，最终发现，少引用了个jquery插件jquery.unobtrusive-ajax.min.js

表单

    @using (Ajax.BeginForm("Send_Comm", "Home", new AjaxOptions { HttpMethod = "post", OnSuccess = "back" }))
        {
            @Html.TextAreaFor(s => s.comment_txt, new { @class = "text_input_area", @onkeyup = "maxme()", @id = "comment_text" })
            <p class="btn" style=" font-size:16px;">
                <span id="tips">您还可以输入140字</span>
                <button type="submit" style="float:right;font-size:16px;" class="W_btn_a"><span class="btn_30px W_f14"><b></b><em>   发 表    </em></span></button>

            </p>
        }

ajax回调方法

    function back(data) {
        if (data.Status == 0) {
            alert("失败");
            return;
        }
        if (data.Status == 1) {
            alert(data.Msg);
            //top.location = "/Main/Main/Index";
        }

    }

后台方法

       [HttpPost]
        public ActionResult Send_Comm(Domain.comments comment)
        {
            Domain.AjaxBackInfo backJson = new AjaxBackInfo();
            if (!ModelState.IsValid)
            {
                //提交过来的数据有误
            }
            else
            {
                backJson.Status = 1;
                backJson.Msg = "成功啦！";
            }

            return Json(backJson);
        }