AJAX处理数据提交到Servlet
2017-11-26 19:20
381 查看
AJAX是与服务器交换数据的技术,它可以在不加载全部页面的情况下,实现对部分网页更新。也叫异步刷新技术:
在这里我需要提到的是使用AJAX来处理将数据提交到servlet:
创建web工程
首先创建一个jsp页面(index.jsp):
好接下来我们来看看servlet里面做了些什么:Ajax_let.java
在这里我需要提到的是使用AJAX来处理将数据提交到servlet:
创建web工程
首先创建一个jsp页面(index.jsp):
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>index</title> <!--必须引入jquery库--> <script src="./JsFile/jquery-3.1.1.js"></script> </head> <body> <!--这是一个文本框,用于定义数据--> <input type="text" id="text" /> <!--创建按钮:并通过单击事件来调用函数名为lixl()的函数 那么这个函数做了些什么呢?--> <button onclick="lixl()">Put</button> <!--创建一个h1标签--> <h1>Hello</h1> <script> //它在这里 function lixl(){ //首先使用val()方法获取id为text文本框的内容 //并赋予给value变量 var value = $("#text").val(); //定义ajax() $.ajax({ //tyep:设置提交方式(get|post) type:"post", //url:提交到那个servlet,这里写它的路径 url:"./Ajax_let", //data:定义数据,以键值对的方式放在大括号里 data:{key_a:value}, //statusCode:状态码,用于定义执行时提示的状态 statusCode:{ 404:function(){ alert("404"); }, 500:function(){ alert("500"); } }, //success:当ajax完成操作并且不出现异常执行它,自定义参数massage是用于存放servlet响应的数据,Status为ajax执行的状态 success:function(massge,Status){ //提示状态 alert(Status); //将h1的值替换为servlet返回的值 $("h1").text(massge); } }); } </script> </body> </html>
好接下来我们来看看servlet里面做了些什么:Ajax_let.java
package servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class Ajax_let */ @WebServlet("/Ajax_let") public class Ajax_let extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Ajax_let() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.getWriter().append("Served at: ").append(request.getContextPath()); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ /*由于我们的ajax是通过post方式提交给servlet的, *所以我们要在servlet的post方法里来获取提交的数据 */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub //通过request对象的getParameter方法来获取键key_a所对应的数据 //在这里我们就完成了ajax提交数据到servlet了 String value = request.getParameter("key_a"); //打印一下结果 System.out.println(value); //拓展一下:通过reuqest对象调用getWriter得到PrintWriter对象, //我们可以利用这个来响应ajax,定义一个字符串通过PrintWriter调用print方法来将字符串发送给ajax PrintWriter prin = response.getWriter(); String massge = "Success!"; prin.print(massge); } }
相关文章推荐
- AJAX提交数据时 中文处理 以及js url 中文处理
- Ajax提交中文数据乱码问题处理
- jfinal ajax post方式提交 后台接收不到数据bug处理及解析
- ajax提交表单数据,并根据返回的数据进行相关处理的代码
- 利用servlet处理XMLHTTP提交的POST数据
- AJAX提交到Handler.ashx一般处理程序返回json数据 (字符串拼接方式)
- ajax自动提交表单数据,经php处理返回数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- ajax方式提交数据时“+”的处理
- jquery序列化form表单使用ajax提交后处理返回的json数据
- jquery序列化form表单使用ajax提交后处理返回的json数据
- ajax 传值,Ajax: Asynchoronous Javascript and xml (异步的js和xml). 异步刷新,异步传递.替代表单提交数据,回调函数处理返回的数据
- ajax 提交表单,PHP处理提交的数据
- ajax提交含有html数据时的处理方法
- 用Servlet处理表单提交的数据,然后再jsp页面中显示
- 数据提交Ajax处理浏览器缓存的问题
- 做注册的验证,在服务器端处理,客服端ajax异步提交数据
- AJAX提交到Handler.ashx一般处理程序返回json数据
- ajax请求,需要提交表单里面所有数据时的处理
- 用Ajax提交数据到ashx处理数据