利用js+ajax在jsp与servlet间进行简单数据交换
2024-10-08 07:19:55
直接上代码
jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html> <head>
<meta charset="utf-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/css.css">
</head> <body onload="load()" > <br/><br/>
<form action="" name=form1 method="post" >
<div style="text-align:center; "><font size="4" face="黑体">用户名:</font> <input type="text" id='text1' name="username" value="" onchange="check1()" onmouseup="check1()" placeholder="Username"/> <br/> <input type="button" value="登录" onclick="go()" style= "height:30px;width:150px;background:#0066FF " onclick="show()"/> </div> </form>
</body>
<script> function go(){ var xmlhttp;
name=document.getElementById("text1").value; if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
// alert(xmlhttp.responseText);//这里获取到的值为servlet反回的响应信息
take= xmlhttp.getResponseHeader('take');//获取指定Header中的值
alert(take);
}
}
xmlhttp.open("GET","ttt?name="+name,true);//利用url传参
xmlhttp.send(); } </script>
</html>
这种写法还是比较复杂的,如果结合JQury会简洁很多
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;
import javax.servlet.http.HttpSession; /**
* Servlet implementation class ttt
*/
@WebServlet("/ttt")
public class ttt extends HttpServlet {
private static final long serialVersionUID = 1L; /**
* @see HttpServlet#HttpServlet()
*/
public ttt() {
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());
request.setCharacterEncoding("UTF-8");
String name;
name=(String)request.getParameter("name");
PrintWriter out = response.getWriter(); response.setCharacterEncoding("utf-8");
response.resetBuffer();//清空原有返回信息
response.setHeader("take", "666");//添加自定义headler
out.write(name);//将name写入响应信息
out.close(); } /**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
doGet(request, response);
} }
最新文章
- js访问xml
- Jenkins启动时报错:java.net.BindException: Address already in use: bind 解决方法
- oracle 11g 通过在线重定义方式修改表结构
- Java内存模型---并发编程网 - ifeve.com
- 2016032701 - ubuntu安装jdk
- SQL中的case when then else end用法
- One-Way Reform
- iKcamp团队制作|基于Koa2搭建Node.js实战(含视频)☞ 路由koa-router
- android Android SDK Manager遇到的问题
- Service Fabric 与 Ocelot 集成
- Org mode无法生成LaTeX公式预览图片
- Codeforces Global Round 1 自闭记
- mac 下apache服务的根目录
- Spring Cloud(Dalston.SR5)--Zuul 网关-Hystrix 回退
- Haproxy+Keepalived高可用环境部署梳理(主主和主从模式)
- 蚂蚁金服 Service Mesh 渐进式迁移方案|Service Mesh Meetup 实录
- (转载)java list排序
- Activity(活动)
- .net core 在linux系统运行
- Swift - 用UIScrollView实现视差动画效果
热门文章
- 【WPF学习】第二十七章 Application类的任务
- 老哈佛H3的空调控制器的维修记录
- markdown常用语法使用笔记+使用技巧(持续更新......)
- springIOC源码接口分析(五):ListableBeanFactory
- es学习(三):分词器介绍以及中文分词器ik的安装与使用
- django登录页面优化
- Asp.net core 2.x/3.x 的 Globalization 和 localization 的使用 (一) 使用方法
- java架构之路-(netty专题)初步认识BIO、NIO、AIO
- 行人重识别和车辆重识别(ReID)中的评测指标——mAP和Rank-k
- 通俗易懂的ref和out区别