`
gongmingwind
  • 浏览: 578478 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

XMLHttpRequest 异步方式和同步方式

阅读更多
function doAction() {
	var xmlHttp = GetXmlHttpObject()

	if (xmlHttp == null) {
		alert("您的浏览器不支持AJAX!");
		return;
	}

	var url = 'www.baidu.com?' + Math.random();
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == 4) {
			var responseText = xmlHttp.responseText;
			// alert(responseText);
			var result = eval('(' + responseText + ')');

		}
	};
	xmlHttp.open("GET", url, false);//同步方式请求
        //xmlHttp.open("GET", url, true);第三个参数为true为异步方式
	xmlHttp.send(null);
}

function GetXmlHttpObject() {
	var xmlHttp = null;
	try {
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	} catch (e) {
		// Internet Explorer
		try {
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}


总结:
同步异步的关键参数:
xmlHttp.open("GET", url, false);//同步方式请求
xmlHttp.open("GET", url, true)//异步

分享到:
评论

相关推荐

    详解XMLHttpRequest(一)同步请求和异步请求

    XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例,打开一个URL,然后发送这个请求。...两种通信模式:同步和异步请求:  同步请求  主线程中的同步请求会阻塞页面,由于对

    用法 XMLHttpRequest的用法 ajax同步和异步的区别

    用法 XMLHttpRequest的用法 ajax同步和异步的区别

    关于xmlHttpRequest异步访问的测试程序

    在使用xmlHttpRequest对象进行异步访问时,在某一些情况下访问变成同步方式?

    XMLHttpRequest对象_Ajax异步请求重点(推荐)

    1.Ajax能够是实现异步传输,所依赖的就是JavaScript中的XMLHttpRequest 2.XMLHttpRequest对象是XMLHttp组件的对象,它是一个抽象对象,允许脚本从服务器获取返回的eXML数据或将数据发送到服务器端 3.XMLHttpRequest...

    通过XMLHttpRequest和jQuery实现ajax的几种方式

    AJAX大家已经都知道了,是为了实现异步通讯,提高用户体验度,而将很多旧知识(XML,DOM,JavaScript,...而,XMLHttpRequest对象则是其中的重重之中,本篇文章主要给大家介绍通过XMLHttpRequest和jQuery实现ajax的几种方式

    mimic.js:JavaScript XML-RPC 客户端支持同步和异步请求

    我创建它是为了使用异步支持扩展它并使库在 bower 中可用。 Mimic 是一个用 JavaScript 实现的开源 XML-RPC 客户端。 它被归类为客户端,因为它只能生成请求和解析响应,因此您不能使用它来解析请求并根据服务器...

    Java异步请求

    传统web交互模型,浏览器直接将请求发送给服务器,服务器回送响应,直接发给浏览器, Ajax交互模型,浏览器首先将请求 发送 Ajax引擎(以XMLHttpRequest为核心),AJax引擎再将请求发送给 服务器,服务器回送响应先...

    Ajax同步与异步传输的示例代码

    代码如下://同步传输模式 function RequestByGet(nProducttemp,nCountrytemp) { var xmlhttp if (window.XMLHttpRequest) { //isIE = false; xmlhttp = new XMLHttpRequest(); } else if (window....

    ajax 同步请求和异步请求的差异分析

    ajax同步和异步的差异, 先看2段代码: 代码一: 代码如下: Synchronize = function(url,param) { function createXhrObject() { var http; var activeX = [ “MSXML2.XMLHTTP.3.0”, “MSXML2.XMLHTTP”, ...

    ajax长连接式的浏览器、服务器的全双工通信框架.rar

    ajax 的全称是Asynchronous JavaScript and XML(异步的JavaScript 和 XML),其中,Asynchronous 是 异步 的意思,它有别于传统web开发中采用的同步的方式。 ajax所包含的技术 1.使用CSS和XHTML来表示。 2. 使用...

    原生JavaScrpit中异步请求Ajax实现方法

    在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面。...Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    Sy5_AjAx.rar

    2. 掌握XMLHttpRequest对象的常用方法和属性; 3. 学会使用Ajax同步/异步请求文本数据(字符串); 4. 掌握XML的编写规范,能够编写XML文件; 5. 学会使用Ajax同步/异步请求XML数据。 6. 掌握JSON的编写规范,能够...

    原生JavaScript实现Ajax异步请求

    在前端页面开发的过程中,经常使用到Ajax请求,异步提交表单数据,或者异步刷新页面。...Ajax请求的原理是创建一个XMLHttpRequest对象,使用这个对象来进行异步发送请求,具体实现参考下面代码: function ajax

    AJAX(XMLHttpRequest.status)状态码

    (默认: “GET”) 请求方式 (“POST” 或 “GET”), 默认为 “GET”。注意:其它 HTTP 请求方法,如 PUT 和 DELETE 也可以使用,但仅部分浏览器支持。 timeout Number 设置请求超时时间(毫秒)。此设置将覆盖全局...

    Web前端Ajax&JQuery视频教程课件

    本套Java教程涵盖Ajax的实现原理,XMLHttpRequest实现Ajax,回调函数,Ajax数据交换格式(HTML、XML、JSON),Ajax发送GET和POST请求,异步编程模型和同步编程模型,解决Ajax的GET请求缓存问题,使用Ajax验证用户名...

    embeddedjs:嵌入式JS-异步重新实现

    这本身不是问题,但是Web浏览器不断发展,并且我们在主线程中不再支持同步XMLHttpRequest。 这意味着必须将EJS重写为异步的。 当我需要异步代码时,我在ES5中编写了代码,这实际上使它变得更快,更简单。 因此,...

    Ajax课件学习(免费)

    AJAX:(Asynchronous JavaScript and XML)并不是一项新技术,其实是多种技术的综合,包括Javascript、XHTML和CSS、DOM、XML和XMLHttpRequest. •服务器端语言:服务器需要具备向浏览器发送特定信息的能力。Ajax与...

    JavaScript 异步调用框架 (Part 1 – 问题 场景)

    如果它是纯客户端的同步函数,那么签名会是这样的: function divide(operand1, operand2) 然而假设我们对客户端除法的精度不满意,于是把除法转移到服务器端来执行,那么它是个需要调用XHR的异步函数,签名也就可能...

    Ajax技术课件,保密资料下载

    异步 javascript 和 xml ---------------------------------------------- B/S 发展历程------> web1.0 特点: 网站的内容 --- 网站的拥有者提供 网站的使用者所做的操作非常的有限 www.sohu.com ...

Global site tag (gtag.js) - Google Analytics