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的异步和同步模式至关重要,尤其是在遇到问题时,需要仔细检查代码逻辑和运行环境,以确保良好的用户体验和高效的服务性能。在.NET Web开发中,利用异步特性可以显著提升应用的响应性和...
XMLHttpRequest 让发送一个HTTP请求变得非常容易。你只需要简单的创建一个请求对象实例,打开一个URL,然后发送这个请求。...两种通信模式:同步和异步请求: 同步请求 主线程中的同步请求会阻塞页面,由于对
### XMLHttpRequest的用法及AJAX同步与异步的区别 #### 一、XMLHttpRequest简介 `XMLHttpRequest`对象是实现客户端与服务器端异步交互的重要工具之一。它允许JavaScript执行HTTP请求,无需重新加载整个网页即可从...
异步请求和同步请求是Web开发中的两个核心概念,它们决定了客户端与服务器之间的交互方式。 同步请求,也称为阻塞请求,是传统的HTTP请求方式。在这种模式下,当用户在浏览器中触发一个操作,比如点击一个链接或者...
首先,我们来看同步和异步这两种通信方式的区别: 1. **同步通信**:在同步模式下,浏览器会阻塞其他所有脚本执行,直到当前的AJAX请求完成。这意味着用户无法进行任何其他操作,直到请求返回结果。这种方式虽然...
在JavaScript的世界里,AJAX(Asynchronous ...总的来说,理解AJAX的同步和异步请求的区别是开发高效、用户友好的Web应用的关键。选择合适的请求类型,结合良好的错误处理策略,可以大大提高应用程序的性能和用户体验。
总之,XMLHttpRequest对象是Ajax技术的基础,它的属性和方法提供了与服务器进行异步交互的能力,极大地丰富了Web应用的动态性和用户体验。开发者深入理解和掌握XMLHttpRequest的使用,对于构建高效、交互性强的Web...
**异步与同步请求**:默认情况下,XMLHttpRequest的send()方法执行异步请求,即在请求发送后立即返回,允许页面上的其他JavaScript代码继续执行,直到服务器响应到达。然而,也可以设置为同步请求,但这会阻塞页面的...
使用现代浏览器的Promise功能,可以将XMLHttpRequest操作转化为更易于管理的异步操作,提高代码可读性和维护性。 14. **fetch API** fetch API是XMLHttpRequest的现代替代品,提供了更简洁的接口和更好的错误处理...
XMLHttpRequest对象是Web开发中的关键组件,尤其对于实现AJAX(异步JavaScript和XML)技术至关重要。它允许在不刷新整个页面的情况下与服务器进行通信,极大地提升了用户体验。这个对象在所有现代浏览器中都得到了...
XMLHttpRequest(XHR)是JavaScript中的一个关键对象,它允许Web页面在不刷新整个页面的情况下,与服务器进行异步数据交换,从而实现网页的动态更新。当我们结合C#和XMLHttpRequest,可以创建强大的客户端-服务器...
### Ajax页面局部异步刷新技术 ...此外,还需要注意编码、请求方式、同步/异步模式的选择等因素对请求的影响。在实际开发中,开发者可以根据具体需求灵活运用这些知识点,构建高效、流畅的Web应用。
### ExtJS 3.0 AJAX 同步请求详解 #### 一、引言 ...随着技术的发展,现代前端框架如 React、Vue 等已经很少使用同步 AJAX 请求,取而代之的是更高效的异步编程模式,如 Promise 和 async/await。
- **同步与异步请求**:比较两者差异,理解异步请求的优点和限制。 - **使用JSONP**:在不支持CORS的老浏览器中实现跨域请求的策略。 每个实例都应该包含清晰的注释和解释,便于初学者理解和学习。通过这些实例,...
随着前端技术的发展,现在还有更多的库和框架(如axios、fetch、Vue.js、React等)提供了更高级的API来封装XMLHttpRequest,使异步请求变得更加便捷和易用。 总结起来,XMLHttpRequest对象是实现Ajax异步请求的关键...
4. async/await:这是ES2017引入的特性,它允许我们以同步的风格编写异步代码。`async`函数会返回一个Promise,而`await`关键字用于等待Promise的解决。这种方式使得代码更易读、更易理解。 ```javascript async ...
1. **创建XMLHttpRequest对象**:这是AJAX通信的基础,无论同步还是异步,都需要创建这个对象来与服务器进行交互。 2. **设置HTTP请求方法和URL**:通常,`open()`方法用于设置请求类型(GET或POST),URL以及是否...
2. **异步上传**:异步上传是相对于同步上传来说的,它不会阻塞用户的界面,文件上传是在后台进行的,用户可以继续浏览页面或执行其他操作。这主要通过JavaScript的Ajax技术实现,利用XMLHttpRequest对象创建异步...
探讨XMLHttpRequest在现代Web API中的位置,以及与其他技术(如fetch API、WebSockets)的关系和协同工作方式。 这个中文参考手册全面覆盖了XMLHttpRequest的基础到高级用法,无论你是初学者还是有经验的开发者,都...