`
yunmoxue
  • 浏览: 289427 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

简单的封装了一下ajax通信..

阅读更多
	<script>
		//a继承b
		function Extend(a,b){
			for(var pro in b)
				a[pro] = b[pro];
		}
		
		//ajax 类
		function ajax(opts){
			this.xhr = false;
			//默认值
			this.opts = {
				method : "get",//请求方式
				url : "",//请求地址
				asynch : true ,//是否异步
				callBack : function(xhr){},//用户的回调函数
				content : null,//send()方法的参数
				readyState : 4,//请求的状态,有5个可取值:0 = 未初始化,1 = 正在加载,2 = 已加载,3 = 交互中,4 = 完成
				status : 200 //服务器的HTTP状态码(200对应OK,404对应Not Found(未找到),等等)
			}
			//赋值
			Extend(this.opts,opts);
			/*创建XHR对象*/
			this.createXHR = function(){
				if(window.XMLHttpRequest)
					this.xhr = new XMLHttpRequest();
				else if(window.ActiveXObject)
					this.xhr = new ActiveXObject("Microsoft.XMLHTTP");
			};
			/*发送请求*/
			this.doRequest = function(){
				this.xhr.onreadystatechange = (function(ajaxer){
													return function(){
														ajaxer.realCall();
													}
												})(this);
				this.xhr.open(this.opts.method,this.opts.url,this.opts.asynch);
				this.xhr.send(this.opts.content);
			};
			/*真正的回调函数*/
			this.realCall = function(){
				if(this.xhr == null)
					return;
				if(this.xhr.readyState == this.opts.readyState)
				{
					if(this.xhr.status == this.opts.status)
					{
						this.opts.callBack(this.xhr);
					}
				}
			};
			this.createXHR();
			this.doRequest();
		}
		
		//声明一个ajax参数所需要的参数
		var getRelateds = {
				method : "post",//请求方式
				url : "related.xml",//请求地址
				asynch : true ,//是否异步
				callBack : function(xhr){document.write(xhr.responseText);},//用户的回调函数
				content : null
		};
		//创建一个ajax实例..
		var ajax1 = new ajax(getRelateds);
	</script>
分享到:
评论

相关推荐

    简易封装Ajax.zip

    这个“简易封装Ajax.zip”文件包含了对Ajax进行简单封装的示例,通过`index.html`来展示调用,`myajax.js`作为封装的Ajax函数库,以及`getData.php`和`postData.php`作为服务器端处理数据的脚本。 首先,让我们详细...

    ajax1.dll 开发实例 .net

    1. **Ajax.dll** - 这个文件很可能是封装了Ajax功能的.NET DLL库,它包含了一系列预定义的类和方法,可以被C#代码引用并调用,以实现异步通信和页面更新。 2. **AjaxGuide.doc** - 这可能是一个详细的指南文档,为...

    ajax.dll以及说明文档和demo

    而`ajax.dll`则是一个封装了Ajax功能的动态链接库文件,它为开发者提供了更简单的方式来实现Ajax通信。 **动态链接库(DLL)基础** DLL是Windows操作系统中的一个重要组件,它包含了一组可被多个程序同时使用的...

    原生js的AJAX封装以及实例展示.zip

    封装AJAX函数,我们可以创建一个通用的函数,接收URL、请求类型、回调函数等参数,使得在不同场景下可以重复使用。例如: ```javascript function ajax(url, type, callback) { var xhr = new XMLHttpRequest(); ...

    Ajax.NET.src

    通过ClientObject.cs、Method.cs等文件,我们可以看到它封装了AJAX通信的关键步骤,并提供了方便的方法管理和参数处理机制。使用这个库,开发者可以更加专注于业务逻辑,而不用过于关注底层的AJAX实现细节。

    day6_ajax01.zip

    2. **创建XMLHttpRequest对象**:在JavaScript中,首先需要创建一个XMLHttpRequest对象,它是Ajax通信的基础。现代浏览器通常提供了`new XMLHttpRequest()`或`new window.XMLHttpRequest()`的构造函数来创建实例。 ...

    JS封装的AJAX函数

    这里提到的"JS封装的AJAX函数"是将AJAX的基本操作整合到一个或多个JavaScript函数中,以便开发者可以更方便地调用和使用。下面我们将详细探讨AJAX的基本概念、工作原理以及封装后的使用方法。 首先,AJAX的核心是...

    MicrosoftAjax.js 实现Ajax类库

    1. **创建XMLHttpRequest对象**:这是Ajax的核心,用于与服务器进行异步通信。在MicrosoftAjax.js中,这个过程被封装在`Sys.Net.XMLHttpExecutor`类中,提供了创建和管理XMLHttpRequest对象的接口。 2. **定义请求...

    2020年 json,xml,ajax封装.rar

    5. AJAX与JSON结合的应用:如何在AJAX请求中使用JSON作为数据格式,实现高效的数据通信,提升用户体验。 6. 实战案例:可能包含一些示例代码或项目,演示如何在实际开发中运用这些技术,例如构建一个动态加载数据的...

    jQuery 封装Ajax

    **jQuery 封装Ajax** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面的异步更新,提升用户体验。jQuery库通过其简单易用的API,极大地简化了Ajax操作,使得开发者无需关注底层的...

    ajaxUpload.

    Ajax Upload的核心是利用JavaScript的异步特性,通过XMLHttpRequest对象与服务器进行通信。它的工作流程如下: 1. 用户选择文件:用户在前端界面选择要上传的文件。 2. 创建XMLHttpRequest对象:JavaScript创建一个...

    Ext.Ajax.request 小问题收集

    在EXTJS框架中,`Ext.Ajax.request`是进行异步AJAX通信的核心方法,它提供了与服务器端交互的能力,支持GET、POST等多种HTTP请求方式。这篇文章将深入探讨`Ext.Ajax.request`的使用,以及在实际应用中可能遇到的小...

    ajaxdemo.zip

    总结,Ajaxdemo.zip中的示例可能演示了如何创建一个简单的Ajax请求,展示如何与服务器进行异步通信,动态更新页面内容,从而提升Web应用的交互性和效率。深入学习和理解Ajax技术,对于构建动态、交互性强的Web应用至...

    Ajax基础.md

    #### 四、封装一个简单的Ajax请求 1. **创建Ajax对象**: - 可以使用`XMLHttpRequest`或`ActiveXObject`(IE兼容性)来创建Ajax对象。 2. **连接服务器**: - 使用`open`方法初始化请求,指定请求类型(GET或...

    AjaxChat.rar

    AjaxChat很可能使用JSON来封装聊天记录,便于前后端数据交换。 4. **DOM操作**:接收到服务器返回的聊天记录后,AjaxChat需要动态更新页面上的聊天窗口。这通常通过JavaScript对Document Object Model(DOM)的操作...

    AJAX 示例.ASP JSP

    首先,我们来详细了解一下AJAX的核心组成部分: 1. **XMLHttpRequest对象**:这是AJAX的基础,它允许JavaScript在后台与服务器通信。在ASP中,可以通过创建XMLHttpRequest对象实例来发送HTTP请求;在JSP中,可以...

    04课 json,xml,ajax封装.rar

    **AJAX(Asynchronous JavaScript and XML)** 并非单一的技术,而是一种使用JavaScript异步与服务器通信的技术手段。通过AJAX,网页可以在不重新加载整个页面的情况下更新部分内容,实现更加流畅的用户体验。AJAX的...

    ajax.dll和 ajaxpre.dll

    7. **库与框架支持**:为了简化开发,许多JavaScript库如jQuery、AngularJS、Vue.js等提供了封装好的Ajax接口,使得开发者能更方便地进行Ajax编程。 在实际应用中,"ajax.dll"和"ajaxpre.dll"可能被用来加速Web应用...

    ajax教程.实例 文档资料

    2. **Ajax与jQuery**:jQuery提供了方便的Ajax封装,如`$.ajax()`、`$.get()`和`$.post()`。 3. **Promise**:使用Promise处理异步请求,使代码更易读、更可控。 4. **Fetch API**:现代浏览器支持的新型API,提供了...

    简单封装Ajax

    【简单封装Ajax】这篇文章主要探讨的是如何在JavaScript中对原生的XMLHttpRequest对象进行简单的封装,以便于在实际开发中更方便地进行异步数据请求。在Web开发中,Ajax(Asynchronous JavaScript and XML)是一种...

Global site tag (gtag.js) - Google Analytics