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. python基础之面向过程编程，模块

    面向过程编程 面向过程的核心是过程,指的是解决问题的步骤,即先干什么再干什么,就好像设计一条流水线. 优点:复杂的问题流程化,进而简单化 缺点:可扩展性差,修改流水线的任意一个阶段,都会牵一发而动全身 ...

  2. ncnn阅读 - CMakeLists.txt

    CMAKE_TOOLCHAIN_FILE This variable is specified on the command line when cross-compiling with CMake. ...

  3. Python的高级特性（切片，迭代，生成器，迭代器）

    掌握了python的数据类型,语句和函数,基本上就可以编出很多有用的程序了. 但是在python中,并不是代码越多越好,代码不是越复杂越好,而是越简单越好. 基于这个思想,就引申出python的一些高 ...

  4. Educational Codeforces Round 8 A. Tennis Tournament 暴力

    A. Tennis Tournament 题目连接: http://www.codeforces.com/contest/628/problem/A Description A tennis tour ...

  5. 关于智能硬件设备shell安全设计

    问题描述: 在对某些智能硬件设备进行测试时,发现有些设备直接提供了Linux shell,并且登录账号默认是root权限!在登录到设备后,在bin目录下可以看到很多命令行程序,这些程序大部门用户用不到 ...

  6. 利用cURL请外部接口

    昨天有一个需求,就是需要把获取到的百度地图信息存储到百度地图LBS云储存上 看了一下LBS云储存,说白了就是通过接口操作云数据库,所以写了一个通用的cURL函数 代码如下: /** * @param ...

  7. Linux命令之sync - 强制将内存中的文件缓冲内容写到磁盘

    转:http://www.linuxso.com/command/sync.html sync命令 linux同步数据命令 格式: sync 用途:更新 i-node 表,并将缓冲文件写到硬盘中. 功 ...

  8. Pod中访问外部的域名配置

    在实际应用中经常遇到Pod中访问外部域名的状况,在Kubenetes 1.6以上的版本通过配置DNS configmap已经解决,详细的内容可以参考官方的 https://kubernetes.io/ ...

  9. Python学习:python网址收集

    Python学习网址收集: 语法学习:http://www.cnblogs.com/hongten/tag/python/             http://www.liaoxuefeng.com ...

  10. 《Linux操作系统编译构建指南》

    在线阅读地址:http://www.doc88.com/p-5126905896771.html Linux编译构建定制qq群: 521902245 文件夹...0 前言...3 第零章 绪论...5 ...