serialize方法

    <form action="">
            <div class="form-group">
                <label for="">用户名</label>
                <input type="text" class="form-control" name="username"/>
            </div>
            <div class="form-group">
                <label for="">密码</label>
                <input type="password" class="form-control" name="pwd"/>
            </div>
            <input type="button" id="submit" value="登录"/>
        </form>

效果:

js:

       $(function(){
                $('#submit').on('click',function(){
                    var str=$('form').serialize();//这一行的功能就是将form表单中提交的数据序列化成一字符串
                    console.log(str);
                })
            })

具体实现如下图:

 

posted @ 2017-09-21 12:20  rachelch  阅读(416)  评论(0)    收藏  举报