首页 > 代码库 > 前端jQuery使用ajax与后端Servlet进行数据交互
前端jQuery使用ajax与后端Servlet进行数据交互
前端代码:
1 $.ajax({ 2 type : "post", 3 url : "Calculator", //servlet文件名为Calculator,需要提前在web.xml里面注册 4 dataType : "text", 5 data : 6 { 7 "operator1" : operator1, //操作数 8 "operatorSign":operatorSign, //操作符 9 "operator2":operator2 //操作数 10 }, 11 success : function(Result) 12 { 13 //Result为后端post函数传递来的数据,这里写结果操作代码 14 }, 15 error : function(xhr, status, errMsg) 16 { 17 alert("数据传输失败!"); 18 } 19 });
后端代码:
1 protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { 2 //以下为接收数据 3 double operator1 = Double.parseDouble(request.getParameter("operator1")); 4 String operatorSign = request.getParameter("operatorSign"); 5 double operator2 = Double.parseDouble(request.getParameter("operator2")); 6 7 if(operatorSign.equals("+")) 8 { 9 PrintWriter out = response.getWriter(); //设定传参变量 10 out.print(add(operator1, operator2)); //结果传到前端 11 } 12 else if (operatorSign.equals("-")) 13 { 14 PrintWriter out = response.getWriter(); 15 out.print(sub(operator1, operator2)); 16 } 17 else if (operatorSign.equals("*")) 18 { 19 PrintWriter out = response.getWriter(); 20 out.print(mult(operator1, operator2)); 21 } 22 else if (operatorSign.equals("/")) 23 { 24 PrintWriter out = response.getWriter(); 25 out.print(dev(operator1, operator2)); 26 } 27 } 28 public double add(double a,double b) 29 { 30 return a+b; 31 } 32 33 public double sub(double a,double b) 34 { 35 return a-b; 36 } 37 public double mult(double a,double b) 38 { 39 return a*b; 40 } 41 public double dev(double a,double b) 42 { 43 return a/b; 44 }
前端jQuery使用ajax与后端Servlet进行数据交互
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。