jQuery ajax提交form表单

最新推荐文章于 2024-05-05 05:31:57 发布

mockingbirds

最新推荐文章于 2024-05-05 05:31:57 发布

阅读量1.6w

点赞数 3

分类专栏： jquery 文章标签：表单 ajax 提交

本文链接：https://blog.csdn.net/mockingbirds/article/details/46843295

版权

jquery 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博文主要给大家带来使用jquery提交form表单，其实很简单那，我就直接上代码了：
html表单代码：

 <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>

FormSerlvet：

request.setCharacterEncoding("UTF-8");
String userName = request.getParameter("username");
String passWord = request.getParameter("password");
String sex = request.getParameter("sex");   System.out.println("name:"+userName+"==pass:"+passWord+"==sex:"+sex);

源码下载

mockingbirds

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
jQuery ajax提交form表单

这篇博文主要给大家带来使用jquery提交form表单，其实很简单那，我就直接上代码了： html表单代码： <body> <form action="" id="myform"> 用户名<input type="text" name="username"/> 密码<input type="password" name="password"/>
复制链接

扫一扫