`
gongmingwind
  • 浏览: 588355 次
  • 性别: 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的异步和同步模式至关重要,尤其是在遇到问题时,需要仔细检查代码逻辑和运行环境,以确保良好的用户体验和高效的服务性能。在.NET Web开发中,利用异步特性可以显著提升应用的响应性和...

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

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

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

    ### XMLHttpRequest的用法及AJAX同步与异步的区别 #### 一、XMLHttpRequest简介 `XMLHttpRequest`对象是实现客户端与服务器端异步交互的重要工具之一。它允许JavaScript执行HTTP请求,无需重新加载整个网页即可从...

    异步请求和同步请求1

    异步请求和同步请求是Web开发中的两个核心概念,它们决定了客户端与服务器之间的交互方式。 同步请求,也称为阻塞请求,是传统的HTTP请求方式。在这种模式下,当用户在浏览器中触发一个操作,比如点击一个链接或者...

    AJAX同步或异步流程图

    首先,我们来看同步和异步这两种通信方式的区别: 1. **同步通信**:在同步模式下,浏览器会阻塞其他所有脚本执行,直到当前的AJAX请求完成。这意味着用户无法进行任何其他操作,直到请求返回结果。这种方式虽然...

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

    在JavaScript的世界里,AJAX(Asynchronous ...总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合良好的错误处理策略,可以大大提高应用程序的性能和用户体验。

    全面剖析 Ajax XMLHttpRequest对象

    总之,XMLHttpRequest对象是Ajax技术的基础,它的属性和方法提供了与服务器进行异步交互的能力,极大地丰富了Web应用的动态性和用户体验。开发者深入理解和掌握XMLHttpRequest的使用,对于构建高效、交互性强的Web...

    全面剖析XMLHttpRequest对象.doc

    **异步与同步请求**:默认情况下,XMLHttpRequest的send()方法执行异步请求,即在请求发送后立即返回,允许页面上的其他JavaScript代码继续执行,直到服务器响应到达。然而,也可以设置为同步请求,但这会阻塞页面的...

    XMLHttpRequest中文参考手册

    使用现代浏览器的Promise功能,可以将XMLHttpRequest操作转化为更易于管理的异步操作,提高代码可读性和维护性。 14. **fetch API** fetch API是XMLHttpRequest的现代替代品,提供了更简洁的接口和更好的错误处理...

    全面剖析XMLHttpRequest对象

    XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...

    C# XMLHttpRequest

    XMLHttpRequest(XHR)是JavaScript中的一个关键对象,它允许Web页面在不刷新整个页面的情况下,与服务器进行异步数据交换,从而实现网页的动态更新。当我们结合C#和XMLHttpRequest,可以创建强大的客户端-服务器...

    Ajax页面局部异步刷新技术

    ### Ajax页面局部异步刷新技术 ...此外,还需要注意编码、请求方式、同步/异步模式的选择等因素对请求的影响。在实际开发中,开发者可以根据具体需求灵活运用这些知识点,构建高效、流畅的Web应用。

    extjs3.0 ajax 同步请求

    ### ExtJS 3.0 AJAX 同步请求详解 #### 一、引言 ...随着技术的发展,现代前端框架如 React、Vue 等已经很少使用同步 AJAX 请求,取而代之的是更高效的异步编程模式,如 Promise 和 async/await。

    XMLHttpRequest 实例

    - **同步与异步请求**:比较两者差异,理解异步请求的优点和限制。 - **使用JSONP**:在不支持CORS的老浏览器中实现跨域请求的策略。 每个实例都应该包含清晰的注释和解释,便于初学者理解和学习。通过这些实例,...

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

    随着前端技术的发展,现在还有更多的库和框架(如axios、fetch、Vue.js、React等)提供了更高级的API来封装XMLHttpRequest,使异步请求变得更加便捷和易用。 总结起来,XMLHttpRequest对象是实现Ajax异步请求的关键...

    异步刷新的简单代码

    4. async/await:这是ES2017引入的特性,它允许我们以同步的风格编写异步代码。`async`函数会返回一个Promise,而`await`关键字用于等待Promise的解决。这种方式使得代码更易读、更易理解。 ```javascript async ...

    AJAX访问PHP函数库AJASON的同步(非异步)版

    1. **创建XMLHttpRequest对象**:这是AJAX通信的基础,无论同步还是异步,都需要创建这个对象来与服务器进行交互。 2. **设置HTTP请求方法和URL**:通常,`open()`方法用于设置请求类型(GET或POST),URL以及是否...

    异步提交多文件上传

    2. **异步上传**:异步上传是相对于同步上传来说的,它不会阻塞用户的界面,文件上传是在后台进行的,用户可以继续浏览页面或执行其他操作。这主要通过JavaScript的Ajax技术实现,利用XMLHttpRequest对象创建异步...

    XMLHttpRequest中文参考手册.rar

    探讨XMLHttpRequest在现代Web API中的位置,以及与其他技术(如fetch API、WebSockets)的关系和协同工作方式。 这个中文参考手册全面覆盖了XMLHttpRequest的基础到高级用法,无论你是初学者还是有经验的开发者,都...

Global site tag (gtag.js) - Google Analytics