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

使用XmlHttp编写兼容多浏览器的ajax WEB页面

浏览器WebAjaxIEFirefox 
阅读更多

利用JS的的try{}catch{}功能，我们可以很简单的实现同时兼容多种浏览器的xmlhttp对象调用。

相关代码如下：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>
<title>XMLHTTPTest</title>
<script>...
functionwriteHtml(strurl,element)
...{
try
...{
varstrxmlhttp;
try
...{
strxmlhttp=newActiveXObject("Msxml2.XMLHTTP.3.0");
}catch(e)
...{
strxmlhttp=newXMLHttpRequest();
}
strxmlhttp.open("GET",strurl,false);
strxmlhttp.send(null);
document.getElementById(element).innerHTML=strxmlhttp.responseText;
//alert(strxmlhttp.responseText);
}
catch(e)
...{
alert(e);

}
}
</script>
</head>
<body>
<divid="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）

使用IE6的浏览效果

图二、使用IE浏览效果

分享到：
| VSFTPD 服务器安装配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    如何使用Ajax技术开发Web应用程序

    Ajax，即Asynchronous JavaScript and XML，是一种用于创建交互式网页应用的技术，允许Web应用程序在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。这种技术显著提升了用户体验，因为页面的响应速度更...

    Ajax创建XMLHttp对象的完美兼容性代码

    通过分析这些代码，我们学习到了如何编写兼容多种浏览器的Ajax请求，并且理解了早期浏览器兼容性问题的背景及其解决方案。同时，我们也了解到了ActiveX控件及其潜在的安全风险，以及overrideMimeType方法的使用。...

    如何创建ajax对象并兼容多个浏览器

    本文主要讲解了如何创建一个支持跨浏览器的AJAX对象，并且详细介绍了不同浏览器间的兼容性处理。...但仍然，对于一些老旧的浏览器或者特定的企业环境，了解如何兼容多浏览器的AJAX对象依然是非常有用的。

    ajax兼容IE,FF问题

    总之，解决Ajax在IE和Firefox的兼容性问题需要对两种浏览器的差异有深入理解，并在编写代码时做出适当的适配。通过使用标准化的API、正确的请求处理和响应处理策略，我们可以确保Ajax在不同浏览器中的稳定运行。

    创建ajax对象并兼容多个浏览器

    创建Ajax对象并兼容多个浏览器的关键知识点主要包括了在不同浏览器中实例化Ajax对象的方法，以及如何通过判断浏览器类型来使用相应的Ajax实现。 在现代的网络应用开发中，Ajax（Asynchronous JavaScript and XML）...

    Ajax获取XMLHttp对象的方法

    这种兼容性写法确保了无论用户使用何种浏览器访问Web应用，应用都能够创建XMLHttp对象，从而使得Ajax请求能够正常发出。对于开发者来说，了解这些兼容性处理技巧非常重要，它能够帮助开发者编写出能够覆盖绝大多数...

    Ajax案列 pdf

    - 不同浏览器的兼容性处理：现代浏览器（IE7及以上、Firefox等）使用window.XMLHttpRequest创建Ajax对象，而IE6等较老版本浏览器使用ActiveXObject("Microsoft.XMLHttp")。 3. Ajax发送GET请求的方法 - 使用Ajax...

    ajax面试题.pdf

    - AJAX的核心理念在于使用JavaScript和XMLHttpRequest对象，通过异步方式在用户无感知的情况下与服务器进行数据交换，从而实现实时更新Web页面的目的。 ### 不同浏览器创建XMLHttpRequest对象的方法 6. **不同...

    ASP.NET Ajax基础

    为了确保跨浏览器兼容性，我们需要编写一段代码来创建 XMLHttpRequest 对象： ```javascript var xmlHttp = null; if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } else if (window....

    ajax最简单范例

    这种方式使得开发者可以轻松地在项目中多次使用这些功能，而无需每次都重新编写相同的代码。 ### 六、兼容性和错误处理 考虑到不同浏览器对JavaScript API的支持程度可能不同，代码中包含了对Internet Explorer的...

    AJAX面试题

    - 由于不同版本的IE浏览器中XMLHTTP的版本可能不一致，因此需要编写兼容性代码以确保能够在各种版本的IE中正确创建XMLHttpRequest对象。 - **非IE浏览器（如Mozilla、Netscape、Safari等）**： - 创建...

    用AJAX编写一个简单的相册

    - 为了兼容不同的浏览器，我们需要判断当前浏览器支持哪种方式，并选择合适的创建方法。 - 示例代码： ```javascript var XmlHttp; if (window.XMLHttpRequest) { XmlHttp = new XMLHttpRequest(); if ...

    java使用ajax实现进度条

    这里判断了浏览器环境，兼容IE和非IE浏览器。 ###### （2）启动任务 启动任务时，首先调用`createXMLHttpRequest()`函数创建请求对象，然后向服务器发送请求，开始执行任务： ```javascript function go() { ...

    Ajax的基础应用

    此外，为了确保在所有浏览器中都能正常工作，需要编写兼容性良好的代码，如上述示例中创建XMLHttpRequest对象的代码，通过检查浏览器特性来选择正确的创建方法。 ### 总结 Ajax技术使得网页能够无刷新地更新内容，...

    用asp+xmlhttp编写web采集程序

    本篇文章将介绍如何使用ASP（Active Server Pages）结合XMLHttpRequest（简称XMLHTTP）来构建一个简单的Web采集程序。通过这种方式，可以有效地抓取网页上的内容，并将其存储或进一步处理。 #### 预备知识 为了成功...

    ajax_intro_1.2,AJAX学习PPT

    JavaScript库和框架，如jQuery、Prototype、AngularJS、Vue.js等，提供了更高级别的抽象，简化了AJAX的使用，同时也包含了对浏览器兼容性的处理。这些库不仅简化了XMLHttpRequest的创建和管理，还提供了更强大的DOM...

    php和AJAX.

    通过在客户端（浏览器）与服务器端之间异步交换数据，AJAX使得Web页面能够实现局部更新，而无需重新加载整个页面。 **特点**： - **异步性**：数据的获取和发送都是在后台进行，不会中断用户的操作。 - **交互性**...

    Ajax讲座(注释)

    然而，Ajax也存在一些挑战，如浏览器兼容性问题、SEO优化困难以及可能破坏用户的前进/后退按钮功能。因此，在设计和开发Ajax应用时，需要充分考虑这些因素，确保应用的稳定性和可用性。 Ajax技术不仅提升了Web应用...

    Ajax程序设计入门

    Ajax的引入解决了传统Web应用中的很多问题，比如页面刷新导致的用户体验中断，以及服务器处理压力过大。然而，它也有一些潜在的挑战，比如浏览器兼容性问题、SEO优化困难（搜索引擎爬虫可能无法执行JavaScript）以及...

Magicbox
Global site tag (gtag.js) - Google Analytics