<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>XMLHttpRequest</title>
<script>
var xmlHttp;　　　　//声明一个全局变量xmlHttp，主要是考虑到异步对象在整个页面进程中都有可能使用到。
function createXMLHttpRequest(){　　//创建一个异步对象的函数，
if(window.ActiveXObject)　　　　//该函数主要利用if语句进行浏览器的判断，如果是IE浏览器则采用ActiveXObject的创建方法，如果不是则直接利用XMLHttpRequest()函数，考虑兼容性，因此需要对浏览器进行判断，这基本是Ajax创建异步对象的通用方法。
xmlHttp=new ActiveXObject('Microsoft.XMLHTTP');
else if(window.XMLHttpRequest)
xmlHttp=new XMLHttpRequest();
}

function startRequest(){
createXMLHttpRequest();　　//调用已经写好的函数，创建一个异步对象
xmlHttp.open('GET','new_file.xml',true);　　//建立一个到服务器的请求， true是异步请求，open(method,url,asynchronous,user,password),asynchronous是一个布尔值，表示是否为异步请求，默认为异步请求true。user、password分别为可选的用户名、密码。
xmlHttp.onreadystatechange=function(){           //readystate属性判断目前请求的状态，如果该属性变化了，就会触发onreadystatechange事件。
if(xmlHttp.readyState==4 && xmlHttp.status==200)   //如果readyState的状态为4（数据接收成功）则继续操作。并且一般情况下还要判断服务器返回的响应状态status。
alert('服务器返回：'+xmlHttp.responseText);
}
xmlHttp.send(null);　　//将该请求发送给服务器。send(body); 参数body，它表示要向服务器发送的数据，其格式为查询字符串的形式，例如：var body="myName=isaac&age=25";
}
</script>
</head>
<body>
<input type="button" value="测试异步通信" onclick="startRequest()" />
</body>
</html>

注意：

　　如果使用POST方法进行提交请求，那么在发送前必须使用如下的语句来设置HTTP的头，语法如下：

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

　　var queryString = "firstName=isaac&birthday=0624";

　　var url="9-3.aspx?timestamp="+new Date().getTime();

　　xmlHttp.open("POST",url);

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

　　xmlHttp.send(queryString);  //该语句负责发送数据

　　2，解决异步连接服务器时IE的缓存问题

　　var sUrl="9-1.aspx?" + new Date().getTime();　　//地址不断的变化

　　xmlHttp.open("GET", sUrl, true);

Ajax异步交互 [异步对象连接服务器]的更多相关文章

  1. 实现AJAX的异步交互的步骤

    <input type="button" value="异步请求"id="btn"> <script> 实现ajax ...

  2. AJAX 异步交互基本总结

    AJAX (Asynchronous JavaScript and Xml) 直译中文 - javascript和XML的异步 同步与异步的区别: 同步交互 执行速度相对比较慢 响应的是完整的HTML ...

  3. Ajax异步交互基础

    1. ajax是什么? * asynchronous javascript and xml:异步的js和xml * 它能使用js访问服务器,而且是异步访问! * 服务器给客户端的响应一般是整个页面,一 ...

  4. 原生Ajax实现异步交互

    实现Ajax主要依靠XMLHttpRequest对象,所以首先要创建XMLHttpRequest对象 function getXhr(){ var xhr = null; if(window.XMLH ...

  5. spring mvc 和ajax异步交互完整实例

    Spring MVC 异步交互demo: 1.jsp页面: <%@ page language="java" contentType="text/html; cha ...

  6. 表单验证--通过原生js模仿ajax的异步交互

    今天给大家带来个福利,我也是刚刚学习的很实用的一个东西,通过原生js模仿ajax的异步交互. 我的博客只是给那些新手看的大神勿喷,写的不好可留言,请指出. 因为当初自己学的时候一个问题不会找人问,知道 ...

  7. 使用AJAX技术发送异步请求，HTTP服务端推送

    使用AJAX技术发送异步请求 什么是AJAX AJAX指一步Javascript和XML(Asynchronous JavaScript And XML),它是一些列技术的组合,简单来说AJAX基于X ...

  8. Ajax同步与异步优缺点与使用

    一.什么是同步请求:(false)       同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,前一个人办理完自己的事务,下一个人才能 ...

  9. 使用html5 FileReader获取图片，并异步上传到服务器(不使用iframe)

    使用html5 FileReader获取图片,并异步上传到服务器(不使用iframe)   原理: 1.使用FileReader 读取图片的base64编码 2.使用ajax,把图片的base64编码 ...

随机推荐

  1. 最新数据库排行，Oracle略显疲惫

    9月份TOPDB Top Database Index排行榜出炉,TOPDB Top Database Index是根据数据库在谷歌上的搜索频率分析得出的,数据库被搜索的频率越大,表示数 9月份的TO ...

  2. Lifting the Stone（求多边形的重心—）

    Lifting the Stone Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) T ...

  3. Python 判断是否为质数或素数

    一个大于1的自然数,除了1和它本身外,不能被其他自然数(质数)整除(2, 3, 5, 7等),换句话说就是该数除了1和它本身以外不再有其他的因数. 首先我们来第一个传统的判断思路: def handl ...

  4. 关于easyui的datagrid属性出现乱码问题

    今天遇到这个问题也是纠结了好久,经过在网上各种查询总结,得出以下经验: 1:网页字符集设置为UTF-8: <meta content="charset=UTF-8 " /&g ...

  5. 《Google SRE》读后感

    注:这是去年国庆时的一篇读书笔记,最近线上故障频繁,重新读了下这篇读书笔记,觉得<Google SRE>非常棒,遂从简书再搬家到博客园,希望大家受益.我的简书地址:daoqidelv 国庆 ...

  6. Spring知识整理

    Spring简介 Spring是一个轻量级的控制反转(IoC)和面向切面(AOP)的容器框架,用来管理和维护bean,其中的特点是IOC(控制反转) DI(依赖注入) AOP(面向切面) 容易和其他框 ...

  7. WebService-axis2

    WebService框架有好多,常用的cxf,axis2等,axis2的配置过程相对简单,不用编写接口,在实现.只需要一个Service服务类即可.配置过程大致如下: 1,导入jar包(这里我是把ax ...

  8. mapreduce解析执行sql流程

    样例准备 编号 姓名 性别 班级编号 1 name_1 male 1 2 name_2 female 2 3 name_3 male 3 4 name_4 female 4 5 name_5 male ...

  9. bzoj1001（对偶图最短路）

    显然是个最大流问题. 边数达到了10^6级别,显然用dinic算法会TLE 对于一个平面图来说,当然用对偶图的最短路来求最小割(最大流) SPFA转移的时候注意判断边界情况 应该要开longlong才 ...

  10. 细谈昆明SEO市场

    就在前几天,以前的同事跟我说,现在昆明SEO市场真的是烂到不行,每家公司在招SEO这个方向的时候,给到的工资都很低,接着这几天闲来无事,就在某个招聘平台上注册了个账号,投了将近100份简历,专门去面试 ...