jquery通过submit()和serialize()提交表单 -

moqiang02

浏览: 530479 次
性别:
来自: 苏州

最近访客更多访客>>

u012363178

LSPITYPE_

jcj_2012

408467806

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (1393)

社区版块

存档分类

2014-09 ( 3)
2014-08 ( 65)
2014-07 ( 212)
更多存档...

jquery通过submit()和serialize()提交表单

<script type="text/javascript">
    $(function() {
        $('#form1').submit(function() { //当提交表单时，会发生 submit 事件。
            //此处可做表单验证
            //... ...
			
            var postData = $("#form1").serialize();//序列化表单，后台可正常通过post方法获取数据
            $.ajax({
                type: "POST",
                url: "/member/member/post_member",
                data: postData,
                success: function(msg) {
                    if (msg == 0) {
                        alert('操作成功');
                        window.location.href = '/member/member';
                    } else {
                        alert(msg);
                    }
                }
            });
        });
    });
</script>
<div>
    <form id="form1" onsubmit="return false;">
	    <!--表单内容部分-->
        <input type="reset" value="重置" />
        <input type="submit" value="提交" />
    </form>
</div>

<html>
    
    <head>
        <script type="text/javascript" src="jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $("form").submit(function(e) {
                    //e.preventDefault();   //阻止表单提交
                    alert("Submit prevented");
                });
            });
        </script>
    </head>
    
    <body>
        <form name="input" action="./b.php" method="get">
            First name:
            <input type="text" name="FirstName" value="Mickey" size="20"><br />
            Last name:
            <input type="text" name="LastName" value="Mouse" size="20"><br />
            <input type="submit" value="Submit">
        </form>
    </body>

</html>

分享到：