jQuery异步提交表单实例

前端之家收集整理的这篇文章主要介绍了jQuery异步提交表单实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言:

我们在开发的时候,一定会使用ajax异步提交表单,在这里总结一下:

前提准备:引入脚本

前台页面

<% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <Meta charset="UTF-8"> nofollow" > Title
年龄: 性别:男 dio" value="woman" name="sex"/>






后台servlet代码

方法!"); //调用都doPost方法,get和post做同样处理 doPost(req,resp); } @Override protected void doPost(HttpServletRequest req,IOException { System.out.println("进入了doPost方法!"); //设置请求编码 req.setCharacterEncoding("UTF-8"); //设置响应编码 resp.setCharacterEncoding("UTF-8"); //得到表单中的name String name = req.getParameter("name"); //得到表单中的age String age = req.getParameter("age"); //得到表单中的sex String sex = req.getParameter("sex"); //输出打印 System.out.println("name = "+name + " age = " + age +" sex = "+sex); String message = "name = "+name + " age = " + age +" sex = "+sex; //返回客户端结果 String result = getResponseResult(200,message); //将result返回客户端 resp.getWriter().print(result); //这里可以不用关闭 resp.getWriter()流,由容器负责管理 } //这里为了简单,没有引入处理json的包,这是模拟json数据 public static String getResponseResult(int status,String message){ return "{status: "+status+",message: '"+message+"'}"; } }

web.xml配置

upload_demo testAjax cn.cupcat.controller.TestAJAXContorller testAjax /testAjax index.html index.htm index.jsp default.html default.htm default.jsp

注意:

ajaxSubmit({})的也可以这样设置表单的method、action、表单项

以上所述是小编给大家介绍的jQuery异步提交表单实例,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

原文链接:https://www.f2er.com/jquery/38941.html

猜你在找的jQuery相关文章