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

post请求 url后面加参数 接收不到的,必须
放到send("use"=user)形式

还要加上

 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");

servlet


 1 package cn.itcast.controller;
2
3 import java.io.IOException;
4 import javax.servlet.ServletException;
5 import javax.servlet.annotation.WebServlet;
6 import javax.servlet.http.HttpServlet;
7 import javax.servlet.http.HttpServletRequest;
8 import javax.servlet.http.HttpServletResponse;
9
10 @WebServlet("/servlet/ServletDemo2")
11 public class ServletDemo2 extends HttpServlet {
12 private static final long serialVersionUID = 1L;
13
14 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
15 }
16
17 public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
18 //System.out.println("ServletDemo2 doPost running");
19 String username = request.getParameter("username");
20 String password = request.getParameter("password");
21 System.out.println(username+":"+password);
22 }
23
24 }

jsp


 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2 <html>
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>AJAX进行post方式的请求测试</title>
6 </head>
7 <body>
8 <input type="button" id="b1" name="b1" value="测试与服务器的通信"/>
9 <div id="d1">
10
11 </div>
12 <script type="text/javascript">
13
14 window.onload=function(){
15 document.getElementById("b1").onclick = function(){
16 //获取xmlhttpRequest对象
17 var xhr = createXmlHttpRequest();
18 //注册状态变化的回调函数
19 xhr.onreadystatechange = function(){
20 if (xhr.readyState == 4) {
21 if (xhr.status == 200 || xhr.status == 304) {
22 //什么都不做
23 }
24 }
25 }
26 //初始化xmlhttpRequest对象,即open
27 xhr.open("POST", "/ajaxday02/servlet/ServletDemo2?time=" + new Date().getTime());
28 //设置请求消息头,告知服务器,发送的正文数据的类型。
29 xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
30 //发送数据
31 xhr.send("username=admin&password=123");
32 }
33 }
34 function createXmlHttpRequest(){
35 var xmlHttp;
36 try{ //Firefox, Opera 8.0+, Safari
37 xmlHttp=new XMLHttpRequest();
38 }catch (e){
39 try{ //Internet Explorer
40 xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
41 }catch (e){
42 try{
43 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
44 }catch (e){}
45 }
46 }
47 return xmlHttp;
48 }
49
50 </script>
51 </body>
52 </html>

时间: 05-29

ajax 异步 通信 小例子 servlet与 jsp异步 post方法的相关文章

ajax 异步 通信 小例子 servlet与 jsp异步

get  请求参数通过 url那里写进去,然后send(null) html文件和 servlet进行通信 通过ajax 进行通信 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="

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

直接贴代码: Php代码: <html> <title>php+jquery+ajax+json简单小例子</title> <?php header("Content-Type:text/html;charset=utf-8"); ?> <head> <script type="text/javascript" src="http://code.jquery.com/jquery.min.j

多线程通信小例子——New生产者消费者

多线程通信小例子--New生产者消费者

java即时通信小例子

学习java一段时间了,今天写来一个即时通信的小例子练手在其过程中也学到了一些知识拿出来和大家分享,请路过的各位大神多多赐教... 好了下面讲一下基本的思路: 首先,编写服务器端的程序,简单点说吧就是在服务上开启一个线程循环等待客户端的连接,为每一个连接到服务器的Socket 创建一个实例存放在集合中,然后使用InputSteam读取从客户端发过来的数据然后转发给除自己之外的所有的客户端 然后是客户端,首先开启一个线程连接都服务器端,循环监听服务器发送回来的数据 这里要说一下为了明确是谁发出的消

Ajax的简单小例子

1.首先下载ajax.dll,一个百度一下都有下载的!自行查找. 2.把ajax.dll导入到工程.右键工程-->添加引用--->浏览,找到下载好的ajax.dll文件,点击确定,这时候在工程目录下多了一个bin文件夹,里面就有ajax.dll文件,这证明引入ajax.dll成功了. 3.设置配置文件web.config. 在Web.config文件下的 <system.web>节点里面添加以下代码即可: <httpHandlers> <add verb=&quo

进程间的通信小例子

进程间的通信 1 import multiprocessing 2 import time 3 4 def write_quene(quene): 5 for i in range(10): 6 if quene.full(): 7 print("quene is full") 8 break 9 quene.put(i) 10 print("input successfully:",i) 11 12 def read_quene(quene): 13 while

Vue2.x源码学习笔记-从一个小例子查看vm实例生命周期

学习任何一门框架,都不可能一股脑儿的从入口代码从上到下,把代码看完, 这样其实是很枯燥的,我想也很少有人这么干,或者这么干着干着可能干不下去了. 因为肯定很无聊. 我们先从一个最最简单的小例子,来查看new Vue(options)实例,这个过程发生了什么. vm实例上的属性又如何添加上去的,又如何渲染到浏览器页面上的. 关于vue的数据依赖和虚拟dom都是重点,必然会在以后的帖子记录. 这篇帖子就根据下例子,看看实例化一个vm实例做了啥吧. 先把小例子贴出来: <div id="app&

JSP+Ajax网站开发小知识

一.JSP基础 1.<select  name="love"  size="3">其中的size属性指定了列表框显示选项的条数,如果所有选项多于这个数,将会出现滚动条. 2.addCookie(Cookie  cookie)方法将其放入客户端,获取Cookie对象可调用request对象的Cookie[]  getcookies()方法. Cookie   myCookie  =  new  Cookie("name",  "

AJAX一些基础知识和小例子讲解

首先说下AJAX不是一种语言 是一种技术. AJAX = 异步 JavaScript 和 XML. AJAX 是一种用于创建快速动态网页的技术. 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. ajax核心是一个new XMLHttpRequest()对象/ 在ie5.6中为new ActiveXObject("Microsoft.XMLHTTP")对象; XMLHttpRequest对象用于数据