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. 【构造】AtCoder Regular Contest 079 F - Namori Grundy

    对每个点的取值都取最小的可能值. 那个图最多一个环,非环的点的取值很容易唯一确定. 对于环上的点v,其最小可能取值要么是mex{c1,c2,...,ck}(ci这些是v直接相连的非环点)(mex是). ...

  2. 【动态规划】POJ3280- Cheapest Palindrome

    [题目大意] 给出一个字符串,可以删除或添加一些字符,它们各自会消耗价值.问最少消耗多少价值,可以使得字符串变成回文的. [思路] 事实上删除或添加字符的价值只需要保持较小的那一个.假设当前要将(j, ...

  3. 重拾vue2

    Vue组件 一.组件介绍 每一个组件都是一个vue实例 每个组件均具有自身的模板template,根组件的模板就是挂载点 每个组件模板只能拥有一个根标签 子组件的数据具有作用域,以达到组件的复用 二. ...

  4. [bzoj1009](HNOI2008)GT考试 (kmp+矩阵快速幂加速递推)

    Description 阿 申准备报名参加GT考试,准考证号为N位数X1X2....Xn(0<=Xi<=9),他不希望准考证号上出现不吉利的数字.他的不吉利数学 A1A2...Am(0&l ...

  5. django, form.errors处理

    from.errors其实就是一个字典, 可以利用for error in form.errors.values, 或者for key,  value in form.errors遍历得到其中的数据

  6. javascript字符串与数组练习

    <html> <head> </head> <body> <script type="text/javascript"> ...

  7. oracle 察看用户是否被锁，解锁以及改密码

     以管理员身份登陆 察看用户状态(是否被锁) select * from dba_users where username='user1' 解锁 ALTER USER user1 ACCOUNT UN ...

  8. Ubuntu下Wine使用教程

    转自:http://blog.csdn.net/wangchangshuai0010/article/details/12057251 用了段时间的Ubuntu,感觉很好!可是工作的时候还是要用到 w ...

  9. HTML5中表单验证的8种方法

    HTML5中表单验证的8种方法 2012-4-21 11:00| 发布者: benben| 查看: 2765| 评论: 0 摘要: 前一篇,我们介绍了HTML5中新的表单特性和函数, 今天就继续来谈谈 ...

  10. 可视化Tensorboard图中的符号意义

    可视化Tensorboard图中的符号意义