ａｊａｘ提交ｆｏｒｍ表单

最新推荐文章于 2022-04-08 18:54:56 发布

keyijing

最新推荐文章于 2022-04-08 18:54:56 发布

阅读量179

点赞数

分类专栏：ｊａｖａｓｃｒｉｐｔ

本文链接：https://blog.csdn.net/keyijing/article/details/80366369

版权

ｊａｖａｓｃｒｉｐｔ专栏收录该内容

5 篇文章 0 订阅

订阅专栏


 <body>
    <form action="" id="myform">
        用户名<input type="text" name="username"/>
        密码<input type="password" name="password"/>
        性别<input type="radio" name="sex" value="男人">man
           <input type="radio" name="sex" value="女人">woman
    </form>

    <a href="#" style="text-decoration: none;">使用ajax提交表单数据</a>
  </body>

使用jQuery ajax提交表单代码：

<script type="text/javascript">
        $(document).ready(function(){
            $("a").click(function(){
                 $.ajax({    
                    type:'post',        
                    url:'FormServlet',    
                    data:$("#myform").serialize(),    
                    cache:false,    
                    dataType:'json',    
                    success:function(data){   
                        alert("请求成功");
                    }    
                });    
            });
        });
    </script>