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. [BZOJ1860][ZJOI2006]Mahjong(DP)

    1860: [Zjoi2006]Mahjong麻将 Time Limit: 1 Sec  Memory Limit: 64 MBSubmit: 412  Solved: 248[Submit][Sta ...

  2. 【最短路】【Heap-dijkstra】hihocoder 1587 ACM-ICPC国际大学生程序设计竞赛北京赛区(2017)网络赛 J. Typist's Problem

    题意:给你一个串,仅含有a~g,且每个字母只出现最多一次.和一个光标初始位置,以及一个目标串,问你最少要多少的代价变化成目标串. 有五种操作:在光标前添加一个未出现过的字母,代价1. 删除光标前或者光 ...

  3. 【动态规划】【滚动数组】Educational Codeforces Round 26 D. Round Subset

    给你n个数,让你任选K个,使得它们乘起来以后结尾的0最多. 将每个数的因子2和因子5的数量求出来,记作a[i]和b[i]. 答案就是max{ min{Σa[i],Σb[i]} }(a[i],b[i]是 ...

  4. Perl读写文件&字符串操作

    Perl中读写文件的方法非常简单,可以使用open或sysopen函数来打开文件,linux下运行perl脚本只需 ./XX.pl 或 perl XX.pl. 读文件 open(文件句柄, " ...

  5. JavaScript之几种创建函数的区别以及优缺点。

    工厂模式 function createPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = ...

  6. python函数式编程之匿名函数、装饰器、偏函数

    匿名函数 当我们在传入函数时,有些时候,不需要显式的定义函数,直接传入匿名函数就行.如下面 lambda x: x*x 在python中,关键字lambda表示匿名函数,冒号前面的x表示函数参数 匿名 ...

  7. Process.Start() 传递参数中有空格问题

    项目->   (工程名)属性-> 调试-> 命令行参数 1.在命令行下执行 参数之间用空格分隔开就可以了,如果参数有空格,以双引号风格 Test   aa   "bb   ...

  8. 利用cca进行fmri分析

    在肖柯的硕士毕业论文中<基于CCA的fMRI时空模型数据处理方法的研究>,他的总体思路是利用cca提取出fmri图像在时间和空间上两个相关系数,也就是两个特征,然后利用pca,对这两个特征 ...

  9. 网页中输出漂亮格式的Php数组神器

    写网页的时候经常需要在页面中打印数组,但格式特别难看,看看一个html神器吧<pre>标签,能非常标准的显示数组格式 使用的时候只需要这样打印你的数组就OK了,太好用了,神器! 只需要两句 ...

  10. 新公司官网项目优化实践（Vue）

    入职后接手website-html和website-mobile项目,发现项目加载速度不太理想,于是结合自己之前的经验对项目做了优化.此篇文章主要记录这次优化详情. 原始项目:开发环境:website ...