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. 【并查集】Gym - 101128B - Black Vienna

    有26张牌(A~Z),其中三张被拿走了.其余23张被分发给了两个人.给你m次调查结果,一次调查结果是对其中一个人询问一对牌,他会告诉你他有这对牌的几张(0~2).问你有多少种被拿走的牌的组合. 三重循 ...

  2. 【贪心】【set】zoj3963 Heap Partition

    贪心地从前往后扫,每到一个元素,就查看之前的元素中小于等于其的最大的元素是否存在,如果存在,就将它置为其父亲.如果一个结点已经是两个儿子的父亲了,就不能在set中存在了,就将他删除.如果然后将当前元素 ...

  3. windows下wnmp配置

    windows下面apache结合laravel会出现env文件公用的问题,太麻烦,就换用nginx.问题:https://github.com/vlucas/phpdotenv/issues/219 ...

  4. C#中的Stack

    Stack(栈) 是一种先进后出的对象集合,它是一个泛型,所表示的类型可以为int,string这样的常见类型,也可以为用户自定义类型. 属性 描述 Count 获取 Stack 中包含的元素个数. ...

  5. linux shell 自定义函数(定义、返回值、变量作用域）介绍

    linux shell 可以用户定义函数,然后在shell脚本中可以随便调用.下面说说它的定义方法,以及调用需要注意那些事项. 一.定义shell函数(define function) 语法: [ f ...

  6. Web安全开发指南--数据验证

    1.数据验证 4.1.输入数据验证安全规则 1 数据验证必须放在服务器端进行. 2 至少对输入数据的数据类型.数据范围和数据长度进行验证. 3 所有来自不可信数据源(比如网络.用户命令.数据库和文件系 ...

  7. linux下的udev是干嘛的,能否说的通俗点

    转:http://www.360doc.com/content/11/0415/21/1317564_109924863.shtml 早期的linux的/dev目录下有一大堆设备文件,不管你的主机上是 ...

  8. BootstrapValidator

    一.引入必要文件 <link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/& ...

  9. win32 打印机api

    ? 4. API之打印函数 AbortDoc 取消一份文档的打印 AbortPrinter 删除与一台打印机关联在一起的缓冲文件 AddForm 为打印机的表单列表添加一个新表单 AddJob 用于获 ...

  10. 二十四种设计模式：访问者模式(Visitor Pattern)

    访问者模式(Visitor Pattern) 介绍表示一个作用于某对象结构中的各元素的操作.它使你可以在不改变各元素的类的前提下定义作用于这些元素的新操作. 示例有一个Message实体类,某些对象对 ...