ajax表单提交

js代码:


 <script type="text/javascript">
       
     

        $('#LoginDialog').dialog({
            title: '登录',
            width: 400,
            height: 200,
            closed: false,
            cache: false,
            modal: true,
            buttons: [{
                iconCls:'icon-edit',
                text:'登录',
                handler: function () {
                    $.ajax({
                        type: "POST",
                        url: "/Home/LoginIn",
                        //data:{
                        //    name: $("#tableForm input[name=UName]").val(),
                        //    pwd: $("#tableForm input[name=UPwd]").val(),
                        //},
                        data:$("#LoginInputForm").serialize(),
                        cache: false,
                        dataType: "json",
                        success: function (data) {                      
                            if (data.Statu == 1) {
                                window.location = data.BackUrl;
                            }
                            else { alert(data.Msg); }                                                       
                        }
                    });
                }
            }, {
                iconCls:'icon-ok',
                text:'注册',
                handler: function () {

                }
            }]
        });

        function ok(jsonData) {
            $.procAjaxMsg(jsonData, function () {
                window.location = jsonData.BackUrl;
            }, function () { alert("登录失败"); })
        };
       


    </script>

登录界面


<div id="LoginDialog" style="width:420px;">
        <form id="LoginInputForm" method="post" novalidate="novalidate" >
            <table id="tableForm">
                <tr>
                    <td>用户名:</td>
                    <td><input class="easyui-validatebox" type="text" id="UName" name="UName" data-options="required:true,missingMessage:'请输入密码;'"/></td>
                </tr>
                <tr>
                    <td>密码:</td>
                    <td><input class="easyui-validatebox" type="text" id="UPwd" name="UPwd" data-options="required:true,missingMessage:'请输入密码;'"/></td>
                </tr>
                <tr>
                    <td>验证码:</td>
                    <td><input class="easyui-validatebox" type="text" id="Uyzm" name="Uyzm" data-options="required:true,missingMessage:'请输入验证码;'"/>
                        <img src="/Home/CheckCode?ID=1"  id="ImgCode" alt="单击可刷新" οnclick="ClickRemoveChangeCode()" />
                      

                         <div style="float:right; margin-top: 5px;">
                            <a href="javascript:void(0)" οnclick="ClickRemoveChangeCode();return false;">看不清,换一张</a>
                        </div>
                         <input id="btn_save" type="button" value="登录" style="width: 150px" οnclick="login();" />                       
                    </td>
                </tr>
            </table>
        </form>
    </div>


控制器的代码:

#region 处理登录的信息
        /// <summary>
        /// 处理登录的信息
        /// </summary>
        /// <returns></returns>
        [HttpPost]
        public ActionResult LoginIn()
        {
            OperateContext oc =OperateContext.CurrentContext;
            //string strLoginName = Request.Form["name"];
            //string strLoginPwd = Request.Form["pwd"];
            //将表单信息serialize序列化后提交
            if (Request.Form["UName"] == null || Request.Form["UPwd"] == null)
            {
                return OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.err, "登录名或密码为空");
            }
            string strLoginName = Request.Form["UName"];
            string strLoginPwd = Request.Form["UPwd"];
            Ou_UserInfo usr=oc._IBLLSession.IOu_UserInfoBLL.Login(strLoginName, strLoginPwd);
            if (usr != null)
            {
                //把登录信息保存到Session中
                Session["loginUser"] = usr;
                //返回json信息
                JsonResult ss = OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.ok, "登录成功", null, "/Home/Index");             
                return ss;             
            }
            else
            {
                //返回json信息
                return OperateContext.CurrentContext.PackagingAjaxMsg(AjaxStatu.err, "登录名或密码不正确", null);
            }
        } 
        #endregion


以上是ajax提交表单,并将表单数据serialize序列化是的过程。






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值