前面几篇一直采用最精简的方式创建Ajax的核心XMLHttpRequest对象
var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
没有考虑其可能出现的异常,即创建失败。其实个人认为以上创建方式创建失败的几率非常之少,起码在IE6/7/8/Firefox/Safari/Chrome/Opera如此,其它浏览器就不知了。
如果作为一个基础库还是完善下,如果出现创建失败,failure的第二个参数msg将会被赋值为"create xhr failed"。
如下:
var xhr = function(){
try{
return new XMLHttpRequest();
}catch(e){
try{
return new ActiveXObject('Msxml2.XMLHTTP');
}catch(e){
try{
return new ActiveXObject('Microsoft.XMLHTTP');
}catch(e){
failure(null,'create xhr failed',e);
}
}
}
}();
源码见附件
分享到:
相关推荐
使用Ajax的基本步骤包括创建XMLHttpRequest对象、打开连接、发送请求以及处理服务器的响应。下面我们将深入探讨这些步骤和相关的知识点: 1. **创建XMLHttpRequest对象**:在JavaScript中,几乎所有的现代浏览器都...
### AJAX基础教程知识点总结 #### 一、AJAX概述 - **定义**:Asynchronous JavaScript and XML(异步JavaScript和XML)是...随着技术的发展,虽然出现了更多新的框架和技术,但AJAX的基础仍然是理解这些新技术的基础。
Ajax的核心是通过JavaScript创建XMLHttpRequest对象,这是一个浏览器内置的对象,允许我们与服务器进行通信。当用户触发一个Ajax请求时,JavaScript会创建XMLHttpRequest实例,并通过它发送HTTP请求到服务器。服务器...
通常,我们会创建一个函数,接收必要的参数如URL、请求类型、数据等,然后在函数内部处理所有与Ajax请求相关的逻辑。这样,每次需要发起Ajax请求时,只需调用这个封装好的函数即可。 **三、实现步骤** 1. **创建...
7. **错误处理**:在Ajax请求中,应考虑可能出现的错误情况,如网络中断、服务器错误等,通过`onerror`事件处理这些异常。 8. **跨域请求(CORS)**:如果注册页面与服务器不在同一域下,需要开启CORS(跨源资源共享...
开发者可以使用 XHR 对象创建请求、发送数据、接收响应以及处理返回的数据。在 AJAX 公共包中,这些操作往往被包装成更易用的函数。 ### 2. JSONP 和 CORS 由于同源策略的限制,JavaScript 默认不能跨域请求数据。...
2. 错误处理:添加错误处理逻辑,捕获并处理可能出现的网络异常、语法错误等。 3. 数据格式:根据WebService返回的数据格式(XML、JSON等),选择合适的解析方法。 总结,AJAX异步调用WebService是现代Web应用中...
在“第13章 Ajax进阶(下)”中,我们可能深入学习了如何创建和使用XHR对象,包括: 1. 初始化XHR对象:`var xhr = new XMLHttpRequest();` 2. 设置请求方式(GET或POST)和URL:`xhr.open('GET', 'data.txt', true...
而Ajax则改变了这一模式,它通过XHR对象在后台与服务器通信,然后动态更新页面内容。这提高了用户体验,因为用户无需等待整个页面重新加载。 ### Ajax框架 为了简化Ajax的开发,出现了许多框架和库,如DWR(Direct ...
2. 错误处理:对于可能出现的异常情况,如网络问题或数据库错误,应有合适的错误处理机制。 3. 异步处理:Servlet可以考虑使用异步处理方式,以提高并发性能。 4. 安全传输:使用HTTPS协议,确保数据在传输过程中的...
**Ajax技术详解** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够...在实际项目中,根据需求选择合适的库或API,同时注意处理好跨域、异常和SEO等问题,才能更好地发挥Ajax的优势。
3. **错误处理**: SpringMVC提供了丰富的异常处理机制,可以捕获并处理上传过程中可能出现的问题,如文件大小超出限制、文件类型不匹配等。 4. **返回响应**: 一旦图片成功上传,Controller可以返回一个JSON或XML...
异常处理与兼容性 在实际应用中,应处理可能出现的错误,例如网络中断、服务器错误等。同时,旧版本的IE浏览器需要使用ActiveXObject。为了保证兼容性,可以使用如下的方式创建XMLHttpRequest对象: ```...
综上所述,`XMLHttpRequest` 对象是实现 Ajax 技术的关键组件之一。通过它,我们可以轻松地实现与服务器的异步通信,从而构建出更加高效、灵活的 Web 应用。在实际开发过程中,合理运用 `XMLHttpRequest` 的方法和...
4. **错误处理和反馈**:在实际项目中,你需要处理可能出现的错误,如文件大小超出限制、文件类型不被接受等,并通过Ajax回调向用户显示相应的信息。 通过以上步骤,你已经成功地创建了一个基于SpringMVC和Ajax的...
在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于创建动态和交互式的用户界面。AJAX文件上传是一种不刷新整个页面就能实现文件上传的技术,它提升了用户体验,因为用户可以在提交数据时保持...
1. **创建XMLHttpRequest对象**:这是所有Ajax操作的基础,现代浏览器通常内置此对象。 2. **初始化连接**:调用XMLHttpRequest对象的`open()`方法,指定请求类型(GET、POST等)、URL和是否异步。 3. **设置请求头*...
10. **错误处理**:对于可能出现的网络异常或服务器错误,需要捕获并处理,例如显示错误提示,让用户重新尝试。 通过以上步骤,我们可以实现一个简单的Ajax用户名验证功能。这个功能可以集成到注册、登录等页面,...
6. **处理响应**:xhr对象有多个事件监听器,如`onreadystatechange`,当服务器返回响应时触发。`readyState`属性表示请求的状态,`status`属性表示HTTP状态码,`responseText`或`responseXML`属性获取响应内容。 7...
- 错误处理:应处理网络错误或其他异常情况。 综上,AJAX是Web开发中不可或缺的一部分,熟练掌握AJAX技术能显著提升Web应用的性能和用户体验。在实际开发中,结合HTML5的新特性,如WebSocket,可构建更高效、更实时...