--------------jsp--
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript">
var xmlHttp;
function createXMLHttpRequest()
{
try{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
try{
xmlHttp = new XMLHttpRequest();
}
catch(e)
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
}
}
function startRequest()
{
createXMLHttpRequest();
alert("1111");
//var url = "http://localhost:8080/ajax/servlet/ajaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
var url = "servlet/AjaxServlet?timestamp="+ new Date().getTime() +"&username=pangbo&password=12345";
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange = handleXMLHttpRequest;
xmlHttp.send(null);
}
function handleXMLHttpRequest()
{
if(xmlHttp.readyState==4)
{
if(xmlHttp.status==200)
{
document.getElementById("hints").style.color="yellow";
alert(xmlHttp.responseText);
}
}
}
</script>
</head>
<body>
<%=basePath%>
<input name="username" value="" type="text"/>
<input name="password" value="" type="text"/>
<input name="submit" value="提交" type="button" onclick="startRequest()"/>
<p id="hints">hello ajax!!</p>
</body>
</html>
--------web.xml----
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>ajaxServlet</servlet-name>
<servlet-class>com.ac.servlet.AjaxServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>ajaxServlet</servlet-name>
<url-pattern>/servlet/AjaxServlet</url-pattern>
</servlet-mapping>
</web-app>
-----------servlet-----
package com.ac.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class AjaxServlet extends HttpServlet{
public void doGet(HttpServletRequest request,HttpServletResponse response) throws IOException,ServletException
{
String username = request.getParameter("username");
String password = request.getParameter("password");
String responseText = username+"的密码是"+password+"请牢记!!!!";
System.out.println(responseText);
PrintWriter out = response.getWriter() ;
out.println(responseText);
out.close();
}
}
分享到:
相关推荐
第一种方式实现ajax异步刷新--ajax 2.需求2: 第二种方式实现ajax异步刷新--get 3.需求3: 第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送...
【图文验证码(Ajax异步校验)】是一种常见的网络安全机制,用于防止自动化程序(如机器人)非法操作网站,如注册、登录或提交表单。在本项目中,明日科技提供了完整的源码实现,旨在帮助开发者理解和应用此类验证码...
本文将深入探讨如何利用AJAX的GET和POST方法调用Servlet,从而实现数据的异步请求和响应。 #### 二、理解AJAX与Servlet的关系 AJAX是一种前端技术,而Servlet是Java后端处理请求的一种方式。在基于AJAX的Web应用中...
本示例“ajax调用servlet_test_可以运行的例子”提供了一个完整的工程,它演示了如何利用Ajax异步地与Servlet进行交互,从而提高用户体验。这个项目基于JDK5.0环境,确保了兼容性和可运行性。 首先,让我们深入理解...
jsp+servlet+ajax使用json作为数据传输介质完成 1.用户名是否存在的验证 2.根据姓名获取该对象使用gson将对象转换成json后返回给客户端并显示,完成修改功能时经常使用 3.gson将集合转换成json(数组格式)后返回给...
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <load-on-startup>1</load-on-...
- **发送请求**:使用jQuery的Ajax方法,如`$.ajax()`,设置URL指向Servlet的路径,指定请求类型(GET或POST),以及要发送的数据。 - **接收请求**:在Servlet中,重写`doGet()`或`doPost()`方法,通过`request`...
2. **AJAX请求**:使用JavaScript创建XMLHttpRequest对象,然后配置请求参数,如URL(指向Servlet的路径),HTTP方法(通常是POST或GET),以及可能的数据(如用户输入的消息)。然后,使用`open()`方法启动请求,并...
- **定义请求方法和URL**:使用open()方法设置请求类型(GET或POST)、URL(指向Servlet的路径)以及是否异步执行。 - **设置请求头**:如果需要发送额外的头部信息(如Content-Type),可以在open()之后,send()...
这里,`/servlet-url`是我们的Servlet处理请求的URL,`inputValue`是用户输入的查询值。当接收到服务器返回的数据后,我们解析JSON响应,并将建议展示在提示框中。 接下来,我们需要在服务器端使用Servlet来处理...
<servlet-name>JsonServlet</servlet-name> <servlet-class>com.example.JsonServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>JsonServlet</servlet-name> <url-pattern>/json</url-...
本文将深入探讨Ajax如何与JSP(JavaServer Pages)和Servlet结合,实现动态加载数据。 首先,我们需要了解JSP和Servlet的基础概念。JSP是一种服务器端的技术,用于生成动态网页。开发者可以在JSP文件中混合HTML、...
DWR(Direct Web Remoting)是一个开源的Java框架,它使得在Web应用程序中实现Ajax(异步JavaScript和XML)功能变得更加简单。DWR允许JavaScript在客户端与服务器端Java对象之间进行交互,仿佛它们都在同一页面上...
三、Ajax异步提交 1. 使用XMLHttpRequest对象的send()方法发送请求,如果数据是中文,需要先进行URL编码。例如,使用encodeURIComponent()函数对中文字符串进行编码。 2. 对于GET请求,中文参数会附加在URL后面,如...
总结来说,"宿舍管理-servlet-dor.zip"是一个使用Java Servlet、JSP和MySQL数据库构建的宿舍管理系统,涵盖了用户角色、权限控制、数据存储以及前端交互等多个关键模块,实现了高效的宿舍管理功能。通过对这些技术的...
<servlet-name>MyServlet</servlet-name> <servlet-class>com.example.MyServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>MyServlet</servlet-name> <url-pattern>/myservlet</url-...
### AJAX异步调用知识点详解 #### 一、概述 在现代Web开发中,异步JavaScript与XML(Asynchronous JavaScript and XML,简称Ajax)技术被广泛应用于构建动态且交互性更强的网页应用。通过Ajax技术,网页可以在不...
3. **Servlet处理请求**:在Servlet中,你需要重写`doGet`或`doPost`方法来处理Ajax请求。根据请求参数执行相应的业务逻辑,例如从数据库查询数据。 4. **响应数据**:Servlet处理完请求后,可以通过`response....
在IT行业中,Servlet和AJAX(异步JavaScript和XML)是两种重要的技术,它们在Web开发领域发挥着关键作用。本教程将通过Eclipse集成开发环境(IDE)下的一个具体项目,来阐述如何在JSP页面中应用Servlet和AJAX进行...