`

自己编写Ajax

    博客分类:
  • Ajax
阅读更多

自己编写AJAx 封装成一个js 文件,

 

var AjaxUntilHelper ={

 

xmlXHR:function(){

 xmlHttp=null;

  if(window.XMLHttpRequest){

  

  // code for IE7, Firefox, Opera, etc.

  xmlHttp = new XMLHttpRequest();

  

  }else if(window.ActiveXObject){ 

  // code for IE6 ,IE5

  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

  

  return xmlHttp;

 

 },

 

     //get 请求

 

      AjaxGet:function(url ,successFun){

      this.ajaxOpt("get", url,null, sucessFun);

     

      },

    //post 请求

 AjaxPost:function(url,data,successFun){

 this.ajaxOpt("get", url,data, sucessFun);

 },

 

 

 /**定义ajax的get和post请求 ,

  * httpMenthod :get,post,

  * data:发送给服务器的数据,post有值,get为null

   sucessFun成功的回掉函数 **/

 ajaxOpt:function(httpMenthod,url,data,successFun){

 //由于get 和 post所走的流程不一样,转换成小写,进行判断

 var httpmenth=httpMenthod.toLowerCase();

 

 //创建定义XMLHttprequest对象

 var ajaxobj = this.xmlXHR();

 

  //异步对象设置参数,总是异步true

 ajaxobj.open(httpMenthod, url, true);

 

 if(httpmenth =='get'){

 

      ajaxobj.setRequestHeader("If-Modified-Since", "0");

 

 }else {

 

       //告诉服务器请求的数据类型

           ajaxobj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

 }  

 

 

 //设置一个回调函数

 ajaxobj.onreadystatechange =function(){

 if(ajaxobj.readyState ==4){

 if(ajaxobj.status== 200){

 

 var jsonObj = JSON.parse(ajaxobj.responseText);

               if (jsonObj.Status == "sucess") {

                   sucessFun(jsonObj);

               }

               else {

                   alert("Problem retrieving XML data");

               }

 }

 }

 

 }

 ajaxobj.send(data);  

 },

}

 

 

 //异步post请求新增

                    ajaxHelper.ajaxPost("getdata.jsp?type=add", parms, function (jsonobj) {

                    //  ajaxHelper.ajaxGet("getdata.ashx?type=getdata", function (jsonobj)   get方法没有parms属性

                        if (jsonobj.Status == "error") {

                           //提示失败的信息

                        } else {

                          //进行成功操作

                        }

                    })

分享到:
评论

相关推荐

    简单介绍不用库(框架)自己写ajax

    标题《简单介绍不用库(框架)自己写ajax》说明了本文的主要内容,即不依赖于现有的JavaScript库或框架,直接通过原生JavaScript代码编写一个Ajax请求。Ajax(Asynchronous JavaScript and XML)是一种在无需重新...

    手写AJAX方法

    自己写AJAX方法,看看它内部是怎么实现的

    自己用的简单封装AJAX类

    **标题解析:** "自己用的简单封装AJAX类" 指的是作者为了个人使用需求,编写了一个简化的AJAX处理类。AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术,...

    自己写的最简单Ajax例子

    在"自己写的最简单Ajax例子"中,我们可以看到两个简单的实例,适合初学者入门学习。 首先,我们来详细讲解一下Ajax的核心概念: 1. 异步通信:Ajax的核心特性就是异步,这意味着在发送请求后,浏览器不会等待...

    一个个人编写的简单的Ajax实例。eclipse开发

    在本实例中,我们看到的是一个由个人开发者用Eclipse IDE编写的Ajax应用。 在Eclipse中开发Ajax,通常会涉及到以下几个关键组件: 1. **JavaScript**: 是Ajax的核心,负责创建XMLHttpRequest对象,这是Ajax通信的...

    自己动手写的AJAX的小程序

    **标题解析:** "自己动手写的AJAX的小程序" 暗示了这是一个关于使用AJAX(Asynchronous JavaScript and XML)技术编写的个人项目。AJAX是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术,它通过...

    mymvc自己写的ajax框架

    这里我们关注的“mymvc自己写的ajax框架”显然是一款基于MVC(Model-View-Controller)模式构建的个人项目,它允许开发者通过Ajax技术实现页面的异步更新,提高用户体验,同时保持服务器负载均衡。以下将详细介绍...

    自己写的ajax框架

    【标题】:“自己写的ajax框架” 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。本项目是一个个人编写...

    自己写的ajax例子

    这个"自己写的ajax例子"项目显然包含了创建和实现Ajax功能的代码实例。接下来,我们将深入探讨Ajax的核心概念、工作原理以及如何通过提供的文件名称来理解其可能的实现方式。 Ajax的核心在于异步通信,它允许浏览器...

    用AJAX写的一个示例

    标题 "用AJAX写的一个示例" 涉及的核心技术是AJAX(Asynchronous JavaScript and XML),这是一种在不刷新整个网页的情况下,通过JavaScript与服务器交换数据并局部更新页面的技术。在ASP.NET框架下,我们可以利用...

    自己写的 Ajax js类

    )因此自己动手写了一个Ajax。 主要实现了 1.Ajax的并发调用,每次调用自动实例化,因此解决了Ajax连续调用,会出现错误的问题。2。AjaxCall的方法,在调用是,可以实例化,也可以直接引用。3.AjaxForm方法,实现...

    自己编写的ajax的各种方法

    你提供的"自己编写的ajax的各种方法"应该包含了这些基本操作的实例,包括简单的GET请求、POST请求以及可能的错误处理。这些实例对于新手来说是很好的学习材料,可以通过注释理解每一步的作用。对于高级开发者,这些...

    自己写的AJAX-ValidatorCallout控件简单使用

    AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够...在学习过程中,你可以逐步分析每个文件的作用,理解其工作原理,并尝试在自己的项目中应用这些知识,以提升网页的交互体验。

    AJAX设计策略(全).doc

    设计策略1是开发者完全自己编写AJAX代码,这通常涉及到手动创建XMLHttpRequest对象,监听用户事件,发送请求到服务器,接收响应,并使用JavaScript更新DOM元素。这种方法需要深入理解JavaScript和DOM操作,但能提供...

    ajax代码 ajax代码

    在描述中提到的"ajax代码的程序,ajax代码好的程序",这意味着我们将探讨如何编写高效的Ajax代码,以及创建优秀的Ajax应用。Ajax的核心组件包括JavaScript、XMLHttpRequest对象、DOM操作和异步通信。以下是对这些...

    学ajax自己动手写的四个实例

    这里我们通过"学ajax自己动手写的四个实例"来深入理解Ajax的核心概念及其应用。 首先,我们要知道Ajax的核心组件包括JavaScript、XMLHttpRequest对象和DOM。在描述中提到的几个小例子,很可能是围绕这些组件展开的...

    ajax树 ajax tree

    1. **前端准备**:编写JavaScript代码,创建事件监听器,当用户点击树节点时触发Ajax请求。 2. **发送Ajax请求**:使用XMLHttpRequest对象构造HTTP请求,指定URL(通常为J2EE服务器上的接口地址)、HTTP方法(GET或...

    通过Ajax无刷新读写操作

    2. **JavaScript函数**:通过编写JavaScript函数,我们可以控制何时发起请求,以及如何处理返回的数据。 3. **异步处理**:Ajax的异步特性使得在等待服务器响应时,用户仍可以继续在页面上进行其他操作。 4. **DOM...

    Java+ajax写的登录实例

    在这个“Java+ajax写的登录实例”中,我们将深入探讨如何利用这两种技术实现一个实时验证用户登录信息的功能。 首先,让我们了解Java。Java是一种面向对象的编程语言,广泛用于开发服务器端应用。在登录场景中,...

Global site tag (gtag.js) - Google Analytics