AJAX 的要点是 XMLHttpRequest 对象。
不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。
IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为
XMLHttpRequest 的 JavaScript 内建对象。
如需针对不同的浏览器来创建此对象,我们要使用一条 "try
and catch" 语句。您可以在我们的 JavaScript 教程中阅读更
多有关 try 和 catch 语句 的内容。
让我们用这段创建 XMLHttpRequest 对象的 JavaScript 来更新
一下我们的 "testAjax.htm" 文件:
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("您的浏览器不支持AJAX!");
return false;
}
}
}
}
</script>
<form name="myForm">
用户: <input type="text" name="username" />
时间: <input type="text" name="time" />
</form></body>
</html>
例子解释:
首先声明一个保存 XMLHttpRequest 对象的 xmlHttp 变量。
然后使用 XMLHttp=new XMLHttpRequest() 来创建此对象。这条
语句针对 Firefox、Opera 以及 Safari 浏览器。假如失败,则
尝试针对 Internet Explorer 6.0+ 的 xmlHttp=new
ActiveXObject("Msxml2.XMLHTTP"),假如也不成功,则尝试针
对 Internet Explorer 5.5+ 的 xmlHttp=new ActiveXObject
("Microsoft.XMLHTTP")。
假如这三种方法都不起作用,那么这个用
分享到:
相关推荐
在源网页加载之前,实现一个XMLHttpRequest的代理对象,然后覆盖全局的XMLHttpRequest,这样一但上层调用 new XMLHttpRequest这样的代码时,其实创建的是Ajax-hook的代理对象实例
Ajax技术通过XMLHttpRequest对象实现了网页的异步更新,提高了用户体验。在.NET环境中,Ajax功能得到了广泛支持,开发者可以利用各种工具和库来简化开发流程。对于深入学习,分析Ajax.dll的源码有助于理解底层实现,...
经测试,用此方法创建XMLHttpRequest对象,在运用AJAX的时候,可以的兼容IE6,IE7,IE8,Opera,Safari,Google Chrome,fireFox。主流的应该就这些吧?theWorld,遨游等浏览器都是以IE为核心的,所以肯定也没问题。 另外...
以下是一个示例代码,用来判断当前浏览器是否支持XMLHttpRequest对象,如果不支持,则创建ActiveXObject: ```javascript var xmlhttp; if (window.XMLHttpRequest) { // 浏览器支持XMLHttpRequest xmlhttp = new...
### Ajax联动-支持所有浏览器 #### 一、背景与需求 在Web开发中,经常会遇到一个常见的问题:如何实现跨浏览器兼容性?特别是在处理Ajax请求时,不同的浏览器可能有不同的实现方式,这使得开发者不得不考虑各种...
阿贾克斯钩原理解析: : 简介Ajax-hook是一个精巧的用于拦截浏览器XMLHttpRequest的库,它可以在XMLHttpRequest对象发起请求之前和接收响应内容之后获得处理权。通过它您可以在对请求和响应进行一些预处理。更新记录...
总结来说,Ajax-pushlet-client.js是通过面向对象的JavaScript技术,利用XMLHttpRequest对象实现HTTP长连接,从而实现服务器向客户端的实时数据推送。其内部结构清晰,逻辑严谨,通过状态管理和事件驱动,有效地处理...
Ajax 中的 XMLHttpRequest 对象 Ajax 是一种异步的 JavaScript 与 XML 技术,用于在客户端脚本与服务器之间实现数据交互过程。XMLHttpRequest 对象是 Ajax 的技术基础,尽管现在提供了各种 Ajax 框架,但是理解这个...
主要由XMLHttpRequest对象负责处理请求和响应,而Ajax Interceptor则是在这个过程中插入了一个中介,提供了对请求和响应的控制。 ### 2. Chrome 扩展开发 Chrome扩展是基于Web技术(HTML、CSS、JavaScript)构建的...
1. **创建XMLHttpRequest对象**:在JavaScript中,首先需要创建一个XMLHttpRequest对象,这是Ajax通信的基础。 2. **打开连接**:使用XMLHttpRequest对象的open()方法,指定请求类型(GET或POST)、URL和是否异步。 ...
本篇将聚焦于XMLHttpRequest对象,它是AJAX的核心,负责在后台与服务器进行通信。下面我们将详细探讨XMLHttpRequest的使用方法和实例。 ### 1. XMLHttpRequest简介 XMLHttpRequest(简称XHR)是浏览器内置的一个...
XMLHttpRequest对象是Ajax技术的核心,它是现代Web应用中用于实现客户端与服务器间异步数据交换的关键组件。在不刷新整个页面的情况下,XMLHttpRequest允许开发者通过JavaScript动态更新网页内容,极大地提升了用户...
JavaScript库如jQuery、Prototype或AngularJS等,通常简化了AJAX的使用,但在原始的AJAX实现中,我们需要手动创建和配置XMLHttpRequest对象。 **XMLHttpRequest** 是浏览器内置的对象,是AJAX的基础。通过这个对象...
XMLHttpRequest对象是JavaScript中用于异步数据交换的核心组件,它是AJAX(Asynchronous JavaScript and XML)技术的基础。AJAX允许网页在不刷新整个页面的情况下,仅更新部分区域,从而提高用户体验。尽管名称中...
尽管现在XML在实际应用中较少使用,但"ajax"这个词仍然广泛用于描述使用XMLHttpRequest对象实现的局部刷新功能。 xe-ajax-mock1.5.7.js 正是利用了这一技术,通过模拟ajax请求的响应,实现了前端的离线开发。 ...
1. **异步上传**:通过XMLHttpRequest对象实现非刷新页面的文件上传,用户可以在等待文件上传的同时继续浏览网页其他内容,提高了交互性。 2. **进度显示**:支持实时展示文件上传进度,让用户了解上传状态,增强...
2. **JavaScript创建XMLHttpRequest对象**:根据不同的浏览器版本创建相应的对象。 3. **发送异步请求**:将请求发送到服务器。 4. **服务器处理请求**:服务器接收到请求后执行相应的逻辑,处理数据。 5. **返回...
1. **创建XMLHttpRequest对象**:在JavaScript中,几乎所有的现代浏览器都内置了XMLHttpRequest对象,可以通过`new XMLHttpRequest()`来创建。这个对象是Ajax通信的基础,用于建立与服务器的连接并发送请求。 2. **...