AJAX的异步请求小例子

JSP页面：
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
<%@tagliburi="http://java.sun.com/jsp/jstl/core"prefix="c"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><title>AJAX异步请求</title><metahttp-equiv="pragma"content="no-cache"><metahttp-equiv="cache-control"content="no-cache"><metahttp-equiv="expires"content="0"><!--<linkrel="stylesheet" type="text/css"href="styles.css">-->
<scripttype="text/javascript">window.onload =function(){//异步请求document.getElementById("btn").onclick = function(){//ajax开发步骤//1、创建一个异步对象//低版本IE（6.0或以前）或IE高版本: ActiveXObject对象//火狐或IE高版本（7.0或以上）： XMLHttpRequest对象varajax;try{ajax =newXMLHttpRequest();}catch(e){ajax =newActiveXObject("microsoft.xmlhttp");}         //2、准备请求，打开请求//url：请求地址//method：提交方式：get和postvarurl ="<c:url value='/getTime'/>";varmethod="GET";ajax.open(method, url);//3、设置并发送的请求内容（正文）//如果是GET一般为null，POST才需要指定的请求正文ajax.send(null);//4、先监听服务器的返回状态，只有状态ok的请求才回处理ajax.onreadystatechange =function(){//alert("服务器请求的状态："+ajax.readyState);//alert("服务器响应的状态："+ajax.status);if(ajax.readyState==4 && ajax.status==200){//5.接收服务器的数据varcurTime = ajax.responseText;       //网页局部刷新document.getElementById("time").innerHTML = curTime;}}alert(ajax);}}
</script></head><body><inputid="btn"type="button"name="btn"value="异步请求"/><br><spanid="time"></span><br><inputtype="text"/></body>
</html>

创建一个Servlet，在web.xml配置好访问路径
package star.july.ajax;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
publicclass getTimeServlet extends HttpServlet {@Overrideprotectedvoid doGet(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {Date curTime= new Date();//格式化日期SimpleDateFormat sf= new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");String format= sf.format(curTime);//设置页面编码response.setContentType("text/html;charset=utf-8");//传递数据回页面response.getWriter().write("现在时间是："+format);}@Overrideprotectedvoid doPost(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {doGet(req, resp);}
}

AJAX的异步请求小例子相关推荐

[转]掌握Ajax 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 [IBM]
转自:http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步 ...
掌握 Ajax，第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求
转http://www.ibm.com/developerworks/cn/xml/wa-ajaxintro2/ 掌握 Ajax,第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 ...
ajax发送异步请求四个步骤,深入理解ajax异步请求的五个步骤（详细代码）
在前端工作中,经常会用到ajax,其实很多人只知道ajax是异步请求,不知道应该如何用它,它的基本步骤有哪些,ajax请求过程是怎样的?接下来这篇文章就给大家介绍Ajax的请求步骤,以及ajax请求步 ...
ajax异步详解同步请求,ajax async异步请求和同步请求
ajax async异步请求和同步请求 ajax是指异步加载.这个异步是相对于页面来说的,页面不刷新就加载服务器数据.ajax中的请求又分为同步请求和异步请求,这里是相对于进程来说的,ajax异步请求 ...
ajax发送异步请求与ajax发送同步请求
async (默认: true) 默认设置下,所有请求均为异步请求.如果需要发送同步请求,请将此选项设置为 false.注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行. ajax发 ...
润乾ajax,通过异步请求实现报表组功能
问题描述:通过ajax的异步处理来切换多张报表的模型,类似润乾中的具体实现: 首先先做两张普通的raq报表,用于之后展现所用. 在最终展现的页面中加入两个标签,分别通过触发js来进行异步处理,分别传 ...
Ajax实现异步请求步骤
一.原生JS实现: var request = new XMLHttpRequest(); //创建XMLHttpRequest()对象 //启动一个HTTP请求,但未发送请求到服务端,最后一个参数默 ...
阿贾克斯（Ajax）异步请求数据
js文件中: 1.接受数据,分割拼接处理 2.var xhr = XMLHTTPRequest() 3.判断请求类型,get or post:get 的url里有参数,post里边没有(不能被用户直接 ...
asp.net,Ajax发送异步请求后台修改数据
<a class="OverInfo" href="javascript:;" data-id="<%=dr["OrderNo& ...

AJAX的异步请求小例子

AJAX的异步请求小例子相关推荐

最新文章

热门文章