function AjaxUtil(){
}
/**
* 实例化request对象
*/
AjaxUtil.instanceRequest = function() {
var _httpRequest = null;
// 开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest) { // FireFox 浏览器
_httpRequest = new XMLHttpRequest();
if (_httpRequest.overrideMimeType) {// 设置MiME类别
_httpRequest.overrideMimeType('text/xml');
}
}else if (window.ActiveXObject) { // IE浏览器
try {
_httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
_httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!_httpRequest) { // 异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
}
return _httpRequest;
}
/**
* 发送请求
*
* @param $method
* "GET/POST"
* @param $url
* 请求路径
* @param $isAsync
* "true/false"
* @param $params
* 请求参数
* @param $processMethod
* 处理(请求结果的)方法
*/
AjaxUtil.sendRequest = function($method, $url, $isAsync, $params, $processMethod) {
try {
// 实例化请求
var requestObj = AjaxUtil.instanceRequest();
if (requestObj != null) {
requestObj.onreadystatechange = processRequest;
requestObj.open($method, $url, $isAsync);
requestObj.send($params);
}
// 处理请求
function processRequest(){
if (requestObj.readyState == 4) {
if (requestObj.status == 200) {
// 执行目标方法
eval($processMethod);
}
}
}
} catch (e) {
alert(e.description);
}
}
分享到:
相关推荐
通过`new XMLHttpRequest()`来实例化一个对象,这个对象提供了发送HTTP请求的方法和事件监听器。 2. **配置请求** 配置请求包括设置请求方法(GET或POST)、URL、是否异步等。例如: ```javascript xhr.open('...
10. **使用示例**:如何在HTML和JavaScript代码中引入并实例化自定义的AJAX类,以及如何发起请求和处理响应数据。 以上是对标题、描述和标签内容的详细解读,以及对压缩包内文件可能包含的知识点的分析。通过学习这...
### jQuery Ajax 全局调用封装实例详解知识点 #### 前言 在前端开发中,异步数据交互是核心功能之一,通常使用Ajax技术实现。当全站需要频繁进行数据交互时,如果每次都写重复的`$.ajax`代码,不仅效率低下,而且...
**Ajax(Asynchronous JavaScript and ...通过这个"ajax实例源码",初学者可以深入学习Ajax的基本用法和实际应用,从创建XMLHttpRequest对象到发送请求,再到处理响应和更新页面,逐步掌握Ajax技术,提升Web开发技能。
在“大量的ajax实例模型”中,我们涵盖了多个方面的Ajax应用,包括但不限于以下几点: 1. **无刷新技术**:Ajax的最大特点就是实现页面的无刷新更新。通过创建XMLHttpRequest对象,向服务器发送请求,然后在后台...
本资料"ajax实例大全.rar"包含了丰富的Ajax应用实例,旨在帮助开发者深入理解和掌握Ajax技术。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它允许浏览器在后台与服务器进行通信。通过创建...
在这个"ajax实例(修改)"中,我们将深入探讨如何使用Ajax进行前后台交互,以及如何解决可能出现的问题。 首先,让我们了解Ajax的基本组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,用于在后台与...
尽管现代前端开发中可能会使用更多的模块化工具和框架,例如webpack、React、Vue等,但是jQuery依然在某些情况下被使用,且Ajax请求的封装方法在不同环境下都具有参考价值。因此,封装全局Ajax调用的做法对于学习和...
为了简化Ajax的开发,许多JavaScript库和框架提供了高级封装,如jQuery的$.ajax(),Vue.js的axios,React的fetch API等。它们提供了更友好的API,简化了Ajax操作。 在"Ajax经典实例大全"中,你将找到各种实用的示例...
总的来说,这个AJAX实例展示了如何在客户端使用JavaScript处理表单提交,通过异步请求避免页面刷新,同时在服务器端进行必要的数据验证。这种方式提高了用户交互的流畅性,减少了不必要的页面跳转,对于初学者来说是...
- 服务器端的Java代码可以处理Ajax请求,更新数据库、计算数据等,然后将结果封装成JSON或XML格式返回。 5. **JSON和XML**:Ajax常用于传输JSON(JavaScript Object Notation)或XML数据。JSON轻量级、易于解析,...
**三、AJAX实例应用** 1. **表单验证**:在用户提交表单前,可以使用AJAX即时验证输入的有效性,如邮箱格式、用户名是否已存在等。 2. **分页加载**:在浏览长列表时,使用AJAX实现动态加载下一页内容,提高页面性能...
在本文中,我们将探讨如何使用原生JavaScript对AJAX(Asynchronous JavaScript and XML)进行封装,以便在实际项目中更方便地使用。首先,我们创建一个名为`createAjax`的函数,该函数的主要目的是根据浏览器类型...
在这个“Ajax实例”中,重点在于利用Ajax技术构建树型结构,也就是dtree资源。DTree通常指的是一个可交互的、以树状展示数据的前端组件。这种组件常用于展示层次结构的数据,例如网站导航、文件系统或数据库结构。在...
// 创建Ajaxrequest实例 var xhr = new Ajaxrequest(); // 设置请求参数 xhr.url = 'http://example.com/api/data'; xhr.type = 'GET'; xhr.data = { key1: 'value1', key2: 'value2' }; xhr.async = true; xhr....
【ASP.NET与AJAX简介】 ...总之,"asp.net+ajax网站开发典型实例(第一篇)"是学习ASP.NET和AJAX结合应用的良好起点,通过实例化的学习,能有效提升开发者的技能,并为后续的Web开发工作打下坚实基础。
本实例主要讲解如何在React中封装一个基于XMLHttpRequest的Ajax请求方法。以下是具体的实现步骤和相关知识点: 1. **设置默认参数**:首先定义一个`defaults`对象,包含所有可能的请求参数,如请求方式(`method`)...
在“Mootools Ajax相册实例”中,我们将探讨如何利用Mootools库来创建一个动态、交互式的图片相册,这个相册将利用Ajax技术实现无刷新的图片加载,提供更流畅的用户体验。 Ajax(Asynchronous JavaScript and XML)...
**xe-ajax 3.4.13.js:封装 fetch 的异步请求库** `xe-ajax` 是一个专门用于处理 HTTP 请求的 JavaScript 库,版本号为 3.4.13。它基于现代的 `Promise` API 进行设计,确保了在处理异步操作时的流畅性和可维护性。...
jQuery AJAX 是一个强大的异步数据通信工具,它封装了原生的 JavaScript AJAX 功能,使得在 JavaScript 中进行数据交互变得更加简单。在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post()...