`

Ajax异步调用servlet--注意路径

阅读更多
--------------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();  
    }  
分享到:
评论

相关推荐

    java6_chapter912_ajax_jquery2019-8-21.zip

    第一种方式实现ajax异步刷新--ajax 2.需求2: 第二种方式实现ajax异步刷新--get 3.需求3: 第三种方式实现ajax异步刷新--post 4.需求4: 第四种方式实现ajax异步刷新--getJSON 5.需求5: 第五种 使用jquery发送...

    图文验证码(Ajax异步校验)-源码出自明日科技

    【图文验证码(Ajax异步校验)】是一种常见的网络安全机制,用于防止自动化程序(如机器人)非法操作网站,如注册、登录或提交表单。在本项目中,明日科技提供了完整的源码实现,旨在帮助开发者理解和应用此类验证码...

    用AJAX的Get和Post调用Servlet的简单示例.doc

    本文将深入探讨如何利用AJAX的GET和POST方法调用Servlet,从而实现数据的异步请求和响应。 #### 二、理解AJAX与Servlet的关系 AJAX是一种前端技术,而Servlet是Java后端处理请求的一种方式。在基于AJAX的Web应用中...

    ajax调用servlet_test_可以运行的例子,是一个完整的工程

    本示例“ajax调用servlet_test_可以运行的例子”提供了一个完整的工程,它演示了如何利用Ajax异步地与Servlet进行交互,从而提高用户体验。这个项目基于JDK5.0环境,确保了兼容性和可运行性。 首先,让我们深入理解...

    java+servlet+json+ajax异步调用

    jsp+servlet+ajax使用json作为数据传输介质完成 1.用户名是否存在的验证 2.根据姓名获取该对象使用gson将对象转换成json后返回给客户端并显示,完成修改功能时经常使用 3.gson将集合转换成json(数组格式)后返回给...

    AJAX高级的应用--DWR框架使用的学习笔记

    &lt;servlet-class&gt;org.directwebremoting.servlet.DwrServlet&lt;/servlet-class&gt; &lt;init-param&gt; &lt;param-name&gt;debug&lt;/param-name&gt; &lt;param-value&gt;true&lt;/param-value&gt; &lt;/init-param&gt; &lt;load-on-startup&gt;1&lt;/load-on-...

    Ajax和servlet数据交互小实例

    - **发送请求**:使用jQuery的Ajax方法,如`$.ajax()`,设置URL指向Servlet的路径,指定请求类型(GET或POST),以及要发送的数据。 - **接收请求**:在Servlet中,重写`doGet()`或`doPost()`方法,通过`request`...

    AJAX+Servlet开发案例-聊天室源代码

    2. **AJAX请求**:使用JavaScript创建XMLHttpRequest对象,然后配置请求参数,如URL(指向Servlet的路径),HTTP方法(通常是POST或GET),以及可能的数据(如用户输入的消息)。然后,使用`open()`方法启动请求,并...

    Java+servlet+jsp页面ajax请求

    - **定义请求方法和URL**:使用open()方法设置请求类型(GET或POST)、URL(指向Servlet的路径)以及是否异步执行。 - **设置请求头**:如果需要发送额外的头部信息(如Content-Type),可以在open()之后,send()...

    ajax+servlet原生实现智能提示框

    这里,`/servlet-url`是我们的Servlet处理请求的URL,`inputValue`是用户输入的查询值。当接收到服务器返回的数据后,我们解析JSON响应,并将建议展示在提示框中。 接下来,我们需要在服务器端使用Servlet来处理...

    JQuery getJSON() 调用Servlet简单例子

    &lt;servlet-name&gt;JsonServlet&lt;/servlet-name&gt; &lt;servlet-class&gt;com.example.JsonServlet&lt;/servlet-class&gt; &lt;/servlet&gt; &lt;servlet-mapping&gt; &lt;servlet-name&gt;JsonServlet&lt;/servlet-name&gt; &lt;url-pattern&gt;/json&lt;/url-...

    ajax 动态加载 jsp 和servlet

    本文将深入探讨Ajax如何与JSP(JavaServer Pages)和Servlet结合,实现动态加载数据。 首先,我们需要了解JSP和Servlet的基础概念。JSP是一种服务器端的技术,用于生成动态网页。开发者可以在JSP文件中混合HTML、...

    服务器端ajax框架--------DWR实践总结

    DWR(Direct Web Remoting)是一个开源的Java框架,它使得在Web应用程序中实现Ajax(异步JavaScript和XML)功能变得更加简单。DWR允许JavaScript在客户端与服务器端Java对象之间进行交互,仿佛它们都在同一页面上...

    ajax提交中文到servlet

    三、Ajax异步提交 1. 使用XMLHttpRequest对象的send()方法发送请求,如果数据是中文,需要先进行URL编码。例如,使用encodeURIComponent()函数对中文字符串进行编码。 2. 对于GET请求,中文参数会附加在URL后面,如...

    宿舍管理-servlet-dor.zip

    总结来说,"宿舍管理-servlet-dor.zip"是一个使用Java Servlet、JSP和MySQL数据库构建的宿舍管理系统,涵盖了用户角色、权限控制、数据存储以及前端交互等多个关键模块,实现了高效的宿舍管理功能。通过对这些技术的...

    servlet%Ajax$JQuery的对比

    &lt;servlet-name&gt;MyServlet&lt;/servlet-name&gt; &lt;servlet-class&gt;com.example.MyServlet&lt;/servlet-class&gt; &lt;/servlet&gt; &lt;servlet-mapping&gt; &lt;servlet-name&gt;MyServlet&lt;/servlet-name&gt; &lt;url-pattern&gt;/myservlet&lt;/url-...

    ajax异步调用

    ### AJAX异步调用知识点详解 #### 一、概述 在现代Web开发中,异步JavaScript与XML(Asynchronous JavaScript and XML,简称Ajax)技术被广泛应用于构建动态且交互性更强的网页应用。通过Ajax技术,网页可以在不...

    javaIDEA新手研究的ajax访问servlet,html获取后台数据

    3. **Servlet处理请求**:在Servlet中,你需要重写`doGet`或`doPost`方法来处理Ajax请求。根据请求参数执行相应的业务逻辑,例如从数据库查询数据。 4. **响应数据**:Servlet处理完请求后,可以通过`response....

    Eclipse平台下的 Servlet AJAX代码实例.rar

    在IT行业中,Servlet和AJAX(异步JavaScript和XML)是两种重要的技术,它们在Web开发领域发挥着关键作用。本教程将通过Eclipse集成开发环境(IDE)下的一个具体项目,来阐述如何在JSP页面中应用Servlet和AJAX进行...

Global site tag (gtag.js) - Google Analytics