好资源导航 » 文章资讯 » jQuery异步提交表单实例

jQuery异步提交表单实例

2024-02-21 19:27:03 55

前言：

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

前提准备：引入脚本

前台页面：

<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>




"rel="externalnofollow">
Title








姓名：

年龄：

性别：男女

后台servlet代码：

packagecn.cupcat.controller;
importjava.io.IOException;
importjavax.servlet.ServletException;
importjavax.servlet.http.HttpServlet;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
publicclassTestAJAXContorllerextendsHttpServlet{
/**
*
*/
privatestaticfinallongserialVersionUID=1L;
@Override
protectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
System.out.println("进入了doGet方法！");
//调用都doPost方法，get和post做同样处理
doPost(req,resp);
}
@Override
protectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)
throwsServletException,IOException{
System.out.println("进入了doPost方法！");
//设置请求编码
req.setCharacterEncoding("UTF-8");
//设置响应编码
resp.setCharacterEncoding("UTF-8");
//得到表单中的name
Stringname=req.getParameter("name");
//得到表单中的age
Stringage=req.getParameter("age");
//得到表单中的sex
Stringsex=req.getParameter("sex");
//输出打印
System.out.println("name="+name+"age="+age+"sex="+sex);
Stringmessage="name="+name+"age="+age+"sex="+sex;
//返回客户端结果
Stringresult=getResponseResult(200,message);
//将result返回客户端
resp.getWriter().print(result);
//这里可以不用关闭resp.getWriter()流，由容器负责管理
}
//这里为了简单，没有引入处理json的包，这是模拟json数据
publicstaticStringgetResponseResult(intstatus,Stringmessage){
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、表单项

type:'post',//提交方式get/post
url:'yoururl',//需要提交的url
data:{
'title':title,
'content':content
},
success:function(data){//data保存提交后返回的数据，一般为json数据
//此处可对data作相关处理
alert('提交成功！');
}

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

返回顶部
514930285
czq8825@qq.com

jQuery异步提交表单实例

热门推荐

随机推荐