`
darkma
  • 浏览: 527500 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类

Ajax 实例化封装

阅读更多

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);
 }  
}

分享到:
评论

相关推荐

    ajax封装实例代码

    通过`new XMLHttpRequest()`来实例化一个对象,这个对象提供了发送HTTP请求的方法和事件监听器。 2. **配置请求** 配置请求包括设置请求方法(GET或POST)、URL、是否异步等。例如: ```javascript xhr.open('...

    自己用的简单封装AJAX类

    10. **使用示例**:如何在HTML和JavaScript代码中引入并实例化自定义的AJAX类,以及如何发起请求和处理响应数据。 以上是对标题、描述和标签内容的详细解读,以及对压缩包内文件可能包含的知识点的分析。通过学习这...

    jquery Ajax 全局调用封装实例详解

    ### jQuery Ajax 全局调用封装实例详解知识点 #### 前言 在前端开发中,异步数据交互是核心功能之一,通常使用Ajax技术实现。当全站需要频繁进行数据交互时,如果每次都写重复的`$.ajax`代码,不仅效率低下,而且...

    ajax实例源码

    **Ajax(Asynchronous JavaScript and ...通过这个"ajax实例源码",初学者可以深入学习Ajax的基本用法和实际应用,从创建XMLHttpRequest对象到发送请求,再到处理响应和更新页面,逐步掌握Ajax技术,提升Web开发技能。

    大量的ajax实例模型

    在“大量的ajax实例模型”中,我们涵盖了多个方面的Ajax应用,包括但不限于以下几点: 1. **无刷新技术**:Ajax的最大特点就是实现页面的无刷新更新。通过创建XMLHttpRequest对象,向服务器发送请求,然后在后台...

    ajax实例大全.rar

    本资料"ajax实例大全.rar"包含了丰富的Ajax应用实例,旨在帮助开发者深入理解和掌握Ajax技术。 一、Ajax基础 Ajax的核心是JavaScript对象XMLHttpRequest,它允许浏览器在后台与服务器进行通信。通过创建...

    ajax实例(修改)

    在这个"ajax实例(修改)"中,我们将深入探讨如何使用Ajax进行前后台交互,以及如何解决可能出现的问题。 首先,让我们了解Ajax的基本组成部分: 1. **创建XMLHttpRequest对象**:这是Ajax的核心,用于在后台与...

    jQuery Ajax 全局调用封装实例代码详解

    尽管现代前端开发中可能会使用更多的模块化工具和框架,例如webpack、React、Vue等,但是jQuery依然在某些情况下被使用,且Ajax请求的封装方法在不同环境下都具有参考价值。因此,封装全局Ajax调用的做法对于学习和...

    Ajax经典实例大全

    为了简化Ajax的开发,许多JavaScript库和框架提供了高级封装,如jQuery的$.ajax(),Vue.js的axios,React的fetch API等。它们提供了更友好的API,简化了Ajax操作。 在"Ajax经典实例大全"中,你将找到各种实用的示例...

    AJAX实例的表单验证

    总的来说,这个AJAX实例展示了如何在客户端使用JavaScript处理表单提交,通过异步请求避免页面刷新,同时在服务器端进行必要的数据验证。这种方式提高了用户交互的流畅性,减少了不必要的页面跳转,对于初学者来说是...

    Ajax实例演示 Jsp+Ajax 代码

    - 服务器端的Java代码可以处理Ajax请求,更新数据库、计算数据等,然后将结果封装成JSON或XML格式返回。 5. **JSON和XML**:Ajax常用于传输JSON(JavaScript Object Notation)或XML数据。JSON轻量级、易于解析,...

    AJAX 实例,初学者必备

    **三、AJAX实例应用** 1. **表单验证**:在用户提交表单前,可以使用AJAX即时验证输入的有效性,如邮箱格式、用户名是否已存在等。 2. **分页加载**:在浏览长列表时,使用AJAX实现动态加载下一页内容,提高页面性能...

    用原生JS对AJAX做简单封装的实例代码

    在本文中,我们将探讨如何使用原生JavaScript对AJAX(Asynchronous JavaScript and XML)进行封装,以便在实际项目中更方便地使用。首先,我们创建一个名为`createAjax`的函数,该函数的主要目的是根据浏览器类型...

    Ajax实例

    在这个“Ajax实例”中,重点在于利用Ajax技术构建树型结构,也就是dtree资源。DTree通常指的是一个可交互的、以树状展示数据的前端组件。这种组件常用于展示层次结构的数据,例如网站导航、文件系统或数据库结构。在...

    Ajax封装

    // 创建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网站开发典型实例(第一篇)"是学习ASP.NET和AJAX结合应用的良好起点,通过实例化的学习,能有效提升开发者的技能,并为后续的Web开发工作打下坚实基础。

    react中的ajax封装实例详解

    本实例主要讲解如何在React中封装一个基于XMLHttpRequest的Ajax请求方法。以下是具体的实现步骤和相关知识点: 1. **设置默认参数**:首先定义一个`defaults`对象,包含所有可能的请求参数,如请求方式(`method`)...

    Mootools Ajax相册实例

    在“Mootools Ajax相册实例”中,我们将探讨如何利用Mootools库来创建一个动态、交互式的图片相册,这个相册将利用Ajax技术实现无刷新的图片加载,提供更流畅的用户体验。 Ajax(Asynchronous JavaScript and XML)...

    xe-ajax3.4.13.js 封装 fetch 异步请求 javascript 库

    **xe-ajax 3.4.13.js:封装 fetch 的异步请求库** `xe-ajax` 是一个专门用于处理 HTTP 请求的 JavaScript 库,版本号为 3.4.13。它基于现代的 `Promise` API 进行设计,确保了在处理异步操作时的流畅性和可维护性。...

    jQuery Ajax 实例详解 ($.ajax、$.post、$.get)

    jQuery AJAX 是一个强大的异步数据通信工具,它封装了原生的 JavaScript AJAX 功能,使得在 JavaScript 中进行数据交互变得更加简单。在 jQuery 中,我们有几种不同的方法来实现 AJAX 请求,包括 $.ajax(), $.post()...

Global site tag (gtag.js) - Google Analytics