使用XmlHttp编写兼容多浏览器的ajax WEB页面
来源:互联网 发布:民生证券交易软件 编辑:程序博客网 时间:2024/04/29 05:54
利用JS的的try{}catch{}功能,我们可以很简单的实现同时兼容多种浏览器的xmlhttp对象调用。
相关代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XMLHTTP Test</title>
<script>...
function writeHtml(strurl,element)
...{
try
...{
var strxmlhttp;
try
...{
strxmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
}catch(e)
...{
strxmlhttp = new XMLHttpRequest();
}
strxmlhttp.open("GET",strurl,false);
strxmlhttp.send(null);
document.getElementById(element).innerHTML=strxmlhttp.responseText;
//alert(strxmlhttp.responseText);
}
catch(e)
...{
alert(e);
}
}
</script>
</head>
<body>
<div id="div1"></div>
<script>...
try...{
writeHtml("http://localhost/aa.htm","div1");
}
catch(e)
...{
alert(e);
}
</script>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>XMLHTTP Test</title>
<script>...
function writeHtml(strurl,element)
...{
try
...{
var strxmlhttp;
try
...{
strxmlhttp = new ActiveXObject("Msxml2.XMLHTTP.3.0");
}catch(e)
...{
strxmlhttp = new XMLHttpRequest();
}
strxmlhttp.open("GET",strurl,false);
strxmlhttp.send(null);
document.getElementById(element).innerHTML=strxmlhttp.responseText;
//alert(strxmlhttp.responseText);
}
catch(e)
...{
alert(e);
}
}
</script>
</head>
<body>
<div id="div1"></div>
<script>...
try...{
writeHtml("http://localhost/aa.htm","div1");
}
catch(e)
...{
alert(e);
}
</script>
</body>
</html>
把以上HTML保存为a.htm并放到本地站点跟目录
图一、使用FIREFOX浏览效果(http://localhost/a.php)
图二、使用IE浏览效果
- 使用XmlHttp编写兼容多浏览器的ajax WEB页面
- 多浏览器兼容 ajax调用xml内容 xmlHttp
- XMLHttp兼容多种不同版本的浏览器
- ajax 兼容多浏览器
- ajax多浏览器兼容的问题
- XMLHTTP的简单使用(Ajax)
- ajax浏览器兼容的问题
- 适用于多浏览器的xmlHttp
- 解决同一页面无法多次使用XmlHttp发起Ajax的问题
- [转载]同一页面无法多次使用XmlHttp发起Ajax请求的真实原因
- [原创]同一页面无法多次使用XmlHttp发起Ajax请求的真实原因
- [转] 同一页面无法多次使用XmlHttp发起Ajax请求的真实原因
- 同一页面无法多次使用XmlHttp发起Ajax请求的真实原因
- AJAX的兼容使用
- 同一页面无法多次使用XmlHttp发起Ajax请求
- javascript的ajax请求正确写法(兼容多浏览器)
- javascript的ajax请求正确写法(兼容多浏览器)
- ajax对象的创建,兼容多个浏览器
- DataGrid/DataList, 你会用了吗?
- 3D游戏从入门到精通-26
- WaitForSingleObject和WaitForMultipleObjects使用详解
- 电气施工日记
- WaitForMultipleObjects用法探索
- 使用XmlHttp编写兼容多浏览器的ajax WEB页面
- 秋夜呓语
- 你知道System.out.println((null+"").length()); 等于多少吗?
- 在ASP.NET页面中冻结DataGrid的列或头部
- 在DataGrid中创建一个弹出式窗口
- ASP.NET中利用DataGrid的自定义分页功能和存储过程结合实现高效分页
- extern用法
- [转]用 C 语言编写一个网络蜘蛛
- 我是谁?