- 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;
- }
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;
}
总结:
同步异步的关键参数:
本文通过一个简单的示例介绍了如何使用JavaScript实现AJAX的同步和异步请求,并详细解释了这两种请求方式的区别。



1万+





