//ValidateAjax.java
package com.java.to.ajax;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ValidateAjax extends HttpServlet{
public ValidateAjax(){
super();
}
public void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{
response.setContentType("text/html");
String LoginName= request.getParameter("loginName").toString();
if(LoginName.equals("java")){
PrintWriter out=response.getWriter();
out.write("true");
}
}
public void doPost(HttpServletRequest request,HttpServletResponse response)throws ServletException,IOException{
this.doGet(request, response);
}
}
//index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
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>
<script src="javascript/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
function validateLogin(){
var loginName=$('#loginName').val();
$.ajax({
type:"post",
url:"ValidateAjax",
data:"loginName="+loginName,
success:function(data){
if(data=="true"){
alert("Java验证正确");
}else{
alert("填写的内容为空!!");
}
}
});
}
</script>
</head>
<body>
<form id="LoginForm" action="" method="post">
<input type="text" id="loginName" name="validateName" >
<input type="button" id="loginbutton" name="loginajax" value="点下看看" onclick="validateLogin();">
</form>
</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">
<!-- ValidateAjax 配置文件 -->
<servlet>
<description>this is ajax jsp</description>
<display-name>ajax java</display-name>
<servlet-name>ValidateAjax</servlet-name>
<servlet-class>com.java.to.ajax.ValidateAjax</servlet-class>
</servlet>
<!-- servlet映射文件 -->
<servlet-mapping>
<servlet-name>ValidateAjax</servlet-name>
<url-pattern>/ValidateAjax</url-pattern>
</servlet-mapping>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>
分享到:
相关推荐
本文将深入探讨Spring与jQuery AJAX交互以及Servlet与jQuery AJAX交互的知识点。 ### Spring与jQuery AJAX交互 #### 1. Spring MVC中的RESTful API设计 在Spring MVC中,我们可以创建RESTful服务,通过HTTP的CRUD...
在网页开发中,jQuery AJAX 是一个非常重要的技术,它使得前端与后端的数据交互变得更加便捷。本主题将深入探讨如何利用jQuery AJAX实现动态级联效果,即二级联动下拉菜单,这种功能通常用于多级分类选择或者地区...
2. **AJAX请求**:当用户点击登录按钮时,使用JavaScript的XMLHttpRequest对象或者更现代的fetch API,发送AJAX请求到对应的Servlet。 3. **Servlet处理**:Servlet接收到请求后,通过JDBC连接数据库,执行查询用户...
**jQuery AJAX** jQuery AJAX 是一个强大的工具,它简化了JavaScript中的异步数据通信,使得开发者可以轻松地实现页面与服务器之间的交互,而无需刷新整个页面。在jQuery库中,AJAX(Asynchronous JavaScript and ...
**jQuery + AJAX 实现无刷新分页技术** 在网页开发中,无刷新技术极大地提升了用户体验,使得用户在浏览数据或内容时无需等待整个页面重新加载。`jQuery` 和 `AJAX`(异步 JavaScript 和 XML)是实现这一目标的常见...
在IT行业中,`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术,它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先,`jQuery` 是一个高效、轻量级的...
在现代Web开发中,Servlet、Ajax、JQuery和Json是不可或缺的技术组件,它们共同构建了高效、动态的用户界面。让我们深入探讨这些技术及其在实际应用中的交互。 Servlet是Java Web开发中的一个核心部分,它是一种...
这个简单的demo是一个很好的学习资源,帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互,以及如何使用JSON进行数据交换。通过实践这个demo,你可以更深入地了解这些技术的实际应用。同时,它也展示了Web...
本项目是一个基于J2EE的简单Web应用程序,主要使用了JSP(JavaServer Pages)、Servlet、EL(Expression Language)以及jQuery和Ajax技术,实现了对MySQL数据库的无刷新增删改操作。这个demo是初学者理解这些技术...
具体实现上,JavaScript(通常配合jQuery库)在前端编写,负责监听表单提交事件,阻止默认的表单提交行为,然后使用XMLHttpRequest对象或fetch API发起AJAX请求。Servlet接收到请求后,进行处理并返回JSON或其他格式...
- **使用AJAX发送异步请求**:在JSP页面中,使用JavaScript(如jQuery的$.ajax)发送异步请求,获取Service层处理后的数据。 - **更新页面**:根据AJAX回调的结果,动态更新JSP页面的部分内容。 在`TestJSP`这个...
《servlet-Ajax-jQuery学习手册》是一份专注于Web开发核心组件的教学资料,涵盖了servlet、Ajax以及jquery的入门与实践技巧。本文档旨在帮助读者快速掌握这三个技术的基本概念、架构、实现以及部署等关键知识点,...
3. JavaScript库:jQuery、Prototype等库简化了Ajax的使用,提供了一系列方便的API。 四、Java + Servlet + Ajax 结合应用 1. 用户交互:Ajax允许用户在不离开当前页面的情况下发送请求,Servlet在后台处理请求并...
在JavaScript中,jQuery的AJAX功能常常用于与服务器进行异步数据交互。当需要传递数组作为参数时,可能会遇到一些挑战,特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,...
基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp...
以下是一个使用jQuery库的Ajax示例: ```javascript $.ajax({ type: 'POST', url: 'ServletDemo', // 对应Servlet的URL data: {inputData: 'testData'}, // 发送的数据 dataType: 'text', // 预期的响应数据...
基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统...
### servlet与Ajax、jQuery的对比 #### 一、Servlet概览 Servlet是一种由Sun Microsystems定义的标准,用于扩展Web服务器的功能。它可以被视为服务器端的小应用程序,能够处理来自客户端的HTTP请求并返回响应。...