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

定制了一个仿jquery的ajax函数

    博客分类:
  • JS
阅读更多

ajax习惯了jquery的ajax函数,但不方便引入jquery。只好自己造轮子。以下是代码:

 

 

function ajax(s)
{
	var def={
		type:"GET",
		cache:false,
		url: location.href,
		contentType: "application/x-www-form-urlencoded",
		async: true,
		data:undefined,
		success:undefined,
		beforeSend:undefined,
		//processing:undefined,
		complete:undefined,
		error:undefined
	};

	for(var k in def){
		if (s[k]==undefined)s[k]=def[k];
	}

	if (s.data!=undefined) s.data=getUrlParam(s.data) ;  
	if (s.type =="GET" && s.data!=undefined) s.url +="?"+  (s.cache? "":"r="+(new Date()).getTime()) +"&" +s.data;
	//alert(s.url);
	var xhr =undefined;
	try{
		xhr = new XMLHttpRequest();
		xhr.open(s.type, s.url, s.async);
		xhr.onreadystatechange = function() { 
			switch(this.readyState){
				case 1: 
					if (s.beforeSend!=undefined)s.beforeSend(this); 
					break;
				/*case 3:  if (s.processing!=null)s.processing(this);  break;*/
				case 4: 
					if (this.status==200 && s.success!=undefined) s.success(this.responseText);
					if (s.complete!=null) s.complete(this); 
					break;
			}
		};
		xhr.send( s.type !="GET"? s.data:null);

	}catch(err){
		if (s.error!=undefined)s.error(err.description);
	}finally{
		xhr=null;
	}
}

function getUrlParam ( o ){
  var s = [ ];
  for ( var k in o )
	s[ s.length ] =k + '=' + o[k]; //encodeURIComponent(k) + '=' + encodeURIComponent(o[k]);
  return s.join("&").replace(/%20/g, "+");
}

 

分享到:
评论

相关推荐

    详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()

    在深入探讨Jquery中的Ajax函数之前,我们先简要了解Ajax(Asynchronous JavaScript and XML)的概念。Ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这使得Web应用程序可以更加流畅地运行,...

    Jquery Ajax分页(有实例)

    jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和XML)技术,可以实现动态、高效的分页效果。本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能...

    jQuery实现的Ajax函数(已测试)——ASP

    **jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...

    一个完整的jquery+ajax传送请求的实例

    本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据通信。 首先,jQuery是一个强大的JavaScript库,它为DOM操作、事件处理、动画效果和Ajax交互提供了...

    html静态页JQuery ajax示例demo 源码

    `$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或失败的回调函数。 在C# ASP.NET环境下,我们可以创建一个...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页的技术。在这个实例源码中,我们...

    jquery ajax源代码

    - 遍历从服务器返回的 JSON 数据,并构建一个 `<ul>` 元素列表。 - 使用 `$("#did").html(str);` 将生成的列表替换到页面上 id 为 "did" 的元素中。 ##### 2.2 doload2 函数 ```javascript function doload2() {...

    jqueryAjax_无刷新调用另一页实例

    "jqueryAjax_无刷新调用另一页实例"这个标题意味着我们将探讨如何利用jQuery的AJAX功能实现页面的动态加载。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计以及AJAX交互。...

    JqueryAjax简单实例

    在这个"JqueryAjax简单实例"中,我们主要关注如何在Visual Studio 2005 C#环境下利用jQuery实现AJAX的功能。首先,我们需要确保项目中已经引入了jQuery库。这通常通过在HTML头部添加jQuery库的CDN链接或者将jQuery....

    Jquery ajax方式读取txt文件、Jquery分页.

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理以及与服务器的数据交互。在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能...

    jquery ajax函数调用xml文件select表单全国城市

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及AJAX交互。本文将详细讲解如何使用jQuery的AJAX功能来调用XML文件,并将数据填充到HTML的表单中,以实现全国...

    Jquery Ajax简易计算器

    jQuery封装了AJAX函数,使得开发者可以更轻松地使用AJAX。 **AJAX工作原理** 1. **用户触发事件**:用户在计算器界面上输入数字或点击运算符按钮。 2. **创建AJAX请求**:jQuery的`.ajax()`方法用于创建AJAX请求。...

    jqueryajax jquery ajax

    3. **简化的AJAX函数**:jQuery提供了更加简洁的接口,如`$.get()`、`$.post()`、`$.getJSON()`等。例如,用`$.get()`获取数据: ```javascript $.get('example.php', {key: 'value'}, function(response) { // ...

    jquery AJAX 回调函数取JSON成功代码

    以下是一个简单的jQuery AJAX回调函数获取JSON数据的示例代码: ```javascript $.ajax({ url: 'your_data_endpoint.json', // 这应替换为实际的JSON数据源URL type: 'GET', dataType: 'json', success: ...

    Jquery ajax json 总结

    例如,`$.get()` 方法是 AJAX 的一个简单实现,用于发送 GET 请求。在提供的代码片段中,`$.get()` 接受四个参数:URL、请求参数、回调函数和预期的数据类型。回调函数会在服务器响应后执行,`data` 参数则是服务器...

    jquery,ajax的几个小例子

    2. **$.get()和$.post()**:这两个是简化的Ajax函数,分别用于GET和POST请求。例如: ```javascript $.get('your-url', {key: value}, function(response) { // 处理返回的数据 }); $.post('your-url', {key: ...

    jQuery-ajax-用户名异步请求

    在这个示例中,`$.ajax()`是jQuery提供的核心Ajax函数。我们设置了`url`参数为服务器端处理请求的脚本,通常是一个PHP、Python、Node.js或其他后端语言编写的接口。`type`参数设置请求类型为POST,因为可能涉及到...

    传智播客 jQuery ajax 课件

    - `$.ajax()`: 这是jQuery中最核心的AJAX函数,用于发起一个完整的AJAX请求。参数包括URL、类型(GET或POST)、数据、回调函数等。 - `$.get()`: 用于发起GET请求,简化了`$.ajax()`的使用,只需提供URL和回调函数...

    使用jQuery ajax提交表单代码

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的...

    jquery ajax 与后台验证

    无刷验证(又称实时验证或AJAX验证)是这种技术的一个典型应用,它提高了用户体验,因为在用户输入数据时,可以立即在后台验证其有效性,而无需等待整个表单提交。下面我们将详细探讨jQuery AJAX以及如何实现无刷...

Global site tag (gtag.js) - Google Analytics