AJAX处理数据提交到Servlet
来源:互联网 发布:矩阵的乘法计算方法 编辑:程序博客网 时间:2024/06/10 02:49
AJAX是与服务器交换数据的技术,它可以在不加载全部页面的情况下,实现对部分网页更新。也叫异步刷新技术:
在这里我需要提到的是使用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); }}
阅读全文
0 0
- AJAX处理数据提交到Servlet
- 【实例】ajax提交到java后台之后处理数据
- ajax提交数据到后台处理返回json问题
- ajax提交数据到后台
- 用Ajax方式提交数据给servlet
- .net Ajax提交到一般处理程序
- AJAX提交到Handler.ashx一般处理程序返回json数据
- AJAX提交到Handler.ashx一般处理程序返回json数据 (字符串拼接方式)
- Ajax表单数据重复提交处理方式
- ajax提交数据到后台php接收
- Jquery ajax 访问Servlet 处理 Json 数据
- Jquery ajax 访问Servlet 处理 Json 数据
- ajax 传json数据到servlet
- ajax提交form表单到servlet,网页的跳转
- Form表单提交到Servlet处理的正确方法
- ajax自动提交表单数据,经php处理返回数据
- MVC3/4项目开发中遇到的ajax提交Json数据到后台Controller处理(接收参数:多重JSON)
- setattribute提交到servlet
- Struts2的Ajax输入校验
- 【NOI 2015 软件包管理器】【树剖】
- 算法爱好者——删除数字 ? 待解决
- 有个疑问opencv保存的视频在哪里呢 如何去电脑文件里找到
- 中共中央办公厅 国务院办公厅印发《推进互联网协议第六版(IPv6)规模部署行动计划》
- AJAX处理数据提交到Servlet
- es6基础篇
- 每日一练-13
- Struts2校验
- Java jxl在excel模板中动态加入数据,及前端下载excel的例子
- 将小数按位打印出来的C代码
- C++静态链接第三方库
- 统计字符出现次数
- 第2周 【项目三】 汉诺塔