jQuery ajax普通情况提交表单情况

来源：互联网发布：软件项目监理方案编辑：程序博客网时间：2024/06/09 16:16

其实很简单，对于普通的情况就用JSON添加键值对的情况就可以解决

//请求的地址    var url="http://localhost:8080/zzhday20_jQuery/servlet/MyServlet";    //申请了一个json表示键值对，给服务器传值    var params={    "username":"zhangsan",    "password":"123456"    };    $.ajax(    {    "url":url,    "data":params,    "type":"post",    "success":function(data){    alert("请求成功");    //$("p").text(data.message);jsonObject = data;    },    "error":function(){    alert("请求失败");    },    "dataType":"json"    }    );    });

对于提交表单的情况只是比原生的ajax情况对表单进行序列化

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>

servlet代码

response.setContentType("text/html;charset=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);

阅读全文

0 0

jQuery ajax普通情况 提交表单情况

jQuery ajax普通情况提交表单情况