[JavaScript知识库]jquery表单的提交

? ? ? 1.创建一个表单

    <form action="" id="form">
        <input type="text" name="uname" id="uname" >

        <input type="text" name="upwd" id="upwd">
        <input type="radio" name="sex" >男
        <input type="radio" name="sex" >女
        <input type="submit" value="提交">
        
    </form>
    

       

2.jq代码ajax提交

<script>
    $(function(){
            $("#form").on('submit',function(e){
                    //阻止表单的默认提交事件
                    e.preventDefault()
                    //serialize这个方法能获取到所有input 的值但是必须设置name 的属性
                    var mayData =$('#form').serialize()
                     
                    $.ajax({
                        url:'http://www.liulongbin.top:3006/api/formdata',
                        type:"post",
                        data:myData,
                        success:function(res){
                            console.log(res);

                        }
                    })
            })
        })
</script>