get  请求参数通过 url那里写进去，然后send(null)

html文件和 servlet进行通信 通过ajax 进行通信

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>AJAX进行get方式的请求测试</title>

 </head>

 <body>

     <input type="button" id="b1" name="b1" value="测试与服务器的通信"/>

     <div id="d1">

     </div>

     <script type="text/javascript">

         window.onload=function(){//当页面被全部加在完毕后再执行

             //给b1按钮注册事件

             document.getElementById("b1").onclick=function(){

                 //AJAX代码

                 //得到XmlHttpRequest对象

                 var xhr = createXmlHttpRequest();

                 //xhr的readyState改变都会触发onreadystatechange事件

                     /*

                      * readyState的取值：

                      *     0 (未初始化) 对象已建立，但是尚未初始化（尚未调用open方法）

                      *     1 (初始化) 对象已建立，尚未调用send方法

                      *  2 (发送数据) send方法已调用，但是当前的状态及http头未知

                      *     3 (数据传送中) 已接收部分数据，因为响应及http头不全，

                      *     4 (完成) 数据接收完毕,此时可以通过通过responseBody和responseText获取完整的回应数据 

                      */

                 xhr.onreadystatechange=function(){

                     if(xhr.readyState==4){

                         //真正的处理

                         if(xhr.status==200||xhr.status==304){

                             //服务器正确返回

                             var data = xhr.responseText;//服务器返回的数据

                             //把返回的数据写到div中

                             document.getElementById("d1").innerHTML=data;

                         }

                     }

                 }

                 //建立与服务器的连接

                     /*

                      * oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);

                      * bstrMethod:请求方式。一般使用get或post

                      * bstrUrl:请求的资源地址：可以绝对或相对路径

                      * varAsync:是否是异步请求。默认是true。

                      */
　　　　　　　　　　　　//由于浏览器请求url如果都是一样的话，就不请求了，所以后面加个时间信息，让url不同，

                 xhr.open("GET","/ajaxday02/servlet/ServletDemo1?time="+new Date().getTime());

                 //发送数据

                     //oXMLHttpRequest.send(varBody);  varBody:请求参数

                 xhr.send(null);

                 //接收服务器返回的数据

             }

         }

         function createXmlHttpRequest(){

            var xmlHttp;

            try{    //Firefox, Opera 8.0+, Safari

                    xmlHttp=new XMLHttpRequest();

             }catch (e){

                    try{    //Internet Explorer

                           xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

                     }catch (e){

                           try{

                                   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

                           }catch (e){}

                    }

             }

            return xmlHttp;

          }

     </script>

 </body>

 </html>

servlet

 package cn.itcast.controller;

 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;

 @WebServlet("/servlet/ServletDemo1")

 public class ServletDemo1 extends HttpServlet {

     private static final long serialVersionUID = 1L;

     public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         response.setContentType("text/html;charset=UTF-8");

         PrintWriter out = response.getWriter();

         out.write("hello ajax");

         System.out.println("ServletDemo1执行了");

     }

     public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

         doGet(request,response);

     }

 }

ajax 异步 通信 小例子 servlet与 jsp异步 get的更多相关文章

  1. ajax 异步 通信 小例子 servlet与 jsp异步 post方法

    post请求 url后面加参数 接收不到的,必须 放到send("use"=user)形式 还要加上 xhr.setRequestHeader("Content-Type ...

  2. php+jquery+ajax+json简单小例子

    直接贴代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Conte ...

  3. java即时通信小例子

    学习java一段时间了,今天写来一个即时通信的小例子练手在其过程中也学到了一些知识拿出来和大家分享,请路过的各位大神多多赐教... 好了下面讲一下基本的思路: 首先,编写服务器端的程序,简单点说吧就是 ...

  4. Restful风格的springMVC配搭ajax请求的小例子

    1. GET请求的例子 ajax代码: 请求参数拼接在url后面(参数在服务器可通过HttpServletRequest获取,也可以直接通过@RequestParam自动注入,参考DELETE例子的方 ...

  5. C#网络编程简单实现通信小例子-2

    1.主界面  2.源代码                                                         Client public partial class For ...

  6. Ajax的简单小例子

    1.首先下载ajax.dll,一个百度一下都有下载的!自行查找. 2.把ajax.dll导入到工程.右键工程-->添加引用--->浏览,找到下载好的ajax.dll文件,点击确定,这时候在 ...

  7. C#网络编程简单实现通信小例子-1

    1.主界面 2.源程序 Send public partial class formUdpSend : Form { //声明一个UdpClient对象 UdpClient udpClient; pu ...

  8. c# 异步调用简单例子（转载）

    首先来看一个简单的例子: 小明在烧水,等水烧开以后,将开水灌入热水瓶,然后开始整理家务 小文在烧水,在烧水的过程中整理家务,等水烧开以后,放下手中的家务活,将开水灌入热水瓶,然后继续整理家务 这也是日 ...

  9. Ajax入门小例子

    大牛文章:http://www.cnblogs.com/guduoduo/p/3681296.html                               ---Ajax基础学习 http:/ ...

随机推荐

  1. 数据库SQL归纳（一）

    SQL功能分类 SQL 功能 动 词 数据定义 DDL CREATE.ALTER.DROP 数据查询 DQL SELECT 数据更改 DML INSERT.UPDATE.DELETE 数据控制 DCL ...

  2. 【构造】AtCoder Regular Contest 079 D - Decrease (Contestant ver.)

    从n个t变化到n个t-1,恰好要n步,并且其中每一步的max值都>=t,所以把50个49当成最终局面,从这里开始,根据输入的K计算初始局面即可. #include<cstdio> # ...

  3. 实验三 敏捷开发与XP实践实验报告

    实验三 敏捷开发与XP实践实验报告 实验内容 1. XP基础 2. XP核心实践 3. 相关工具 实验要求 1.没有Linux基础的同学建议先学习<Linux基础入门(新版)><Vi ...

  4. dom操作 属性操作 样式操作

    jQuery DOM操作 1 插入子元素 append('<img>') 插后面 被插入元素调用 appendTo('<img scr="...">') 新 ...

  5. Java异步编程——深入源码分析FutureTask

    Java的异步编程是一项非常常用的多线程技术. 之前通过源码详细分析了ThreadPoolExecutor<你真的懂ThreadPoolExecutor线程池技术吗?看了源码你会有全新的认识&g ...

  6. Problem E: 零起点学算法97——进制转换

    #include<stdio.h> int main(){ ]; while(scanf("%d%d",&n,&r)!=EOF){ ,i=; ){ fl ...

  7. CentOS 5/6安装后的必备设置（转）

    说明:转自各大优化方案,相当于是一个大杂烩,后续会搞成是一个Shell脚本简化操作. 1.修改ip地址.网关.主机名.DNS等 (这个操作可以使用Setup工具进行配置,但不建议使用,封装太多,没有配 ...

  8. Migrating Oracle on UNIX to SQL Server on Windows

    Appendices Published: April 27, 2005 On This Page Appendix A: SQL Server for Oracle Professionals Ap ...

  9. vscode快捷键－for mac

    默认显示当前所有页面: command p ?: 显示可操作方法 >: 打开命令面板, 同comand shift p : : 跳转到对应行数 @: 搜索并跳转到应变量或函数 @: : 同上,分 ...

  10. 【shiro】报错：Caused by: java.lang.ClassNotFoundException: org.apache.shiro.spring.LifecycleBeanPostProcessor

    Caused by: java.lang.ClassNotFoundException: org.apache.shiro.spring.LifecycleBeanPostProcessor at o ...