`

Servlet jQuery Ajax

阅读更多
//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交互以及Servlet与jQuery AJAX交互的知识点。 ### Spring与jQuery AJAX交互 #### 1. Spring MVC中的RESTful API设计 在Spring MVC中,我们可以创建RESTful服务,通过HTTP的CRUD...

    Jquery Ajax 动态级联

    在网页开发中,jQuery AJAX 是一个非常重要的技术,它使得前端与后端的数据交互变得更加便捷。本主题将深入探讨如何利用jQuery AJAX实现动态级联效果,即二级联动下拉菜单,这种功能通常用于多级分类选择或者地区...

    jsp+ajax+servlet+jdbc案例

    2. **AJAX请求**:当用户点击登录按钮时,使用JavaScript的XMLHttpRequest对象或者更现代的fetch API,发送AJAX请求到对应的Servlet。 3. **Servlet处理**:Servlet接收到请求后,通过JDBC连接数据库,执行查询用户...

    jQuery ajax

    **jQuery AJAX** jQuery AJAX 是一个强大的工具,它简化了JavaScript中的异步数据通信,使得开发者可以轻松地实现页面与服务器之间的交互,而无需刷新整个页面。在jQuery库中,AJAX(Asynchronous JavaScript and ...

    Jquery+AJAX

    **jQuery + AJAX 实现无刷新分页技术** 在网页开发中,无刷新技术极大地提升了用户体验,使得用户在浏览数据或内容时无需等待整个页面重新加载。`jQuery` 和 `AJAX`(异步 JavaScript 和 XML)是实现这一目标的常见...

    Jquery+ajax+json+servlet

    在IT行业中,`jQuery`、`Ajax`、`JSON` 和 `Servlet` 是四个非常重要的技术,它们在构建现代Web应用程序中发挥着关键作用。让我们深入探讨这些技术及其相互之间的结合。 首先,`jQuery` 是一个高效、轻量级的...

    Servlet利用Ajax,JQuery交互Json

    在现代Web开发中,Servlet、Ajax、JQuery和Json是不可或缺的技术组件,它们共同构建了高效、动态的用户界面。让我们深入探讨这些技术及其在实际应用中的交互。 Servlet是Java Web开发中的一个核心部分,它是一种...

    jquery ajax servlet json简单demo

    这个简单的demo是一个很好的学习资源,帮助初学者理解如何使用jQuery的AJAX功能与后端Servlet交互,以及如何使用JSON进行数据交换。通过实践这个demo,你可以更深入地了解这些技术的实际应用。同时,它也展示了Web...

    jsp+servlet+el+jquery+ajax增删改mysql

    本项目是一个基于J2EE的简单Web应用程序,主要使用了JSP(JavaServer Pages)、Servlet、EL(Expression Language)以及jQuery和Ajax技术,实现了对MySQL数据库的无刷新增删改操作。这个demo是初学者理解这些技术...

    html+Servlet+ajax实现登录修改

    具体实现上,JavaScript(通常配合jQuery库)在前端编写,负责监听表单提交事件,阻止默认的表单提交行为,然后使用XMLHttpRequest对象或fetch API发起AJAX请求。Servlet接收到请求后,进行处理并返回JSON或其他格式...

    JSP+Servlet+AJAX的dao设计模式

    - **使用AJAX发送异步请求**:在JSP页面中,使用JavaScript(如jQuery的$.ajax)发送异步请求,获取Service层处理后的数据。 - **更新页面**:根据AJAX回调的结果,动态更新JSP页面的部分内容。 在`TestJSP`这个...

    servlet-Ajax-jQuery学习手册

    《servlet-Ajax-jQuery学习手册》是一份专注于Web开发核心组件的教学资料,涵盖了servlet、Ajax以及jquery的入门与实践技巧。本文档旨在帮助读者快速掌握这三个技术的基本概念、架构、实现以及部署等关键知识点,...

    java+servlet+ajax程序

    3. JavaScript库:jQuery、Prototype等库简化了Ajax的使用,提供了一系列方便的API。 四、Java + Servlet + Ajax 结合应用 1. 用户交互:Ajax允许用户在不离开当前页面的情况下发送请求,Servlet在后台处理请求并...

    jquery ajax 向后台传递数组参数示例

    在JavaScript中,jQuery的AJAX功能常常用于与服务器进行异步数据交互。当需要传递数组作为参数时,可能会遇到一些挑战,特别是在数组中包含复杂对象的情况。本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,...

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统.zip

    基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp + servlet + jquery + easy-ui + ajax 的学生成绩管理系统 基于 jsp...

    Servlet及Ajax数据交互

    以下是一个使用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的餐饮管理系统源码.zip基于Servlet+JSP+Jquery+EL+Ajax的餐饮管理系统...

    servlet%Ajax$JQuery的对比

    ### servlet与Ajax、jQuery的对比 #### 一、Servlet概览 Servlet是一种由Sun Microsystems定义的标准,用于扩展Web服务器的功能。它可以被视为服务器端的小应用程序,能够处理来自客户端的HTTP请求并返回响应。...

Global site tag (gtag.js) - Google Analytics