zoukankan      html  css  js  c++  java
  • 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>
    



  • 相关阅读:
    Beta 冲刺 (5/7)
    Beta 冲刺 (4/7)
    软件产品案例分析(团队)
    Beta 冲刺 (3/7)
    Beta 冲刺 (2/7)
    Beta 冲刺 (1/7)
    BETA 版冲刺前准备
    个人作业——软件工程实践总结作业
    Beta 答辩总结
    Beta 冲刺 (7/7)
  • 原文地址:https://www.cnblogs.com/moqiang02/p/4061174.html
Copyright © 2011-2022 走看看