MVC Ajax.BeginForm异常提交时,跳转到处理页等问的解决方法

来源:互联网 发布:顶易软件怎么样 编辑:程序博客网 时间:2024/06/08 11:24

今天刚开始学习MVC,跟着网上的教材一步一步的来!

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


 <script language="javascript">
        function afterLogin(data) {
            alert('回调函数:' + data);
        }

</script>


  <div class="loginbox">
            @using (Ajax.BeginForm("admin", new { }, new AjaxOptions {UpdateTargetId="adminlogin", HttpMethod = "POST", OnSuccess = "afterLogin" }, new { id = "loginForm1" })) { 
            <ul>
                <li><input name="username" type="text" class="loginuser" value="admin" onclick="JavaScript:this.value=''" /></li>
                <li><input name="password" type="text" class="loginpwd" value="密码" onclick="JavaScript:this.value=''" /></li>
                <li><input name="" type="submit" class="loginbtn" value="登录"/><label><input name="" type="checkbox" value="" checked="checked" />记住密码</label><label><a href="#">忘记密码?</a></label></li>
            </ul>
            }

 </div>


 public ActionResult admin(string username, string password)
        {
            if(username=="admin"&&password=="admin")
            {
                return Content("ok");
            }
            else
            {
               return Content("no");
            }
        }


运行程序 :却没有执行OnSuccess ,而是直接跳转到了处理页



在网上找了好久,却还是没找到解决的方法,或许这个问题太白痴了吧!


解决办法:

1:必须引用jquery.unobtrusive-ajax.min.js这个文件

2:jquery.unobtrusive-ajax.min.js这个文件要放在Jquery文件的下面

3:就是要注意jquery的版本


 而我是因为jquery版本的问题导致的!  

自己留笔记方便下次查询,高手勿喷!

0 0
原创粉丝点击