`
暗夜骑士0376
  • 浏览: 81313 次
  • 性别: Icon_minigender_1
  • 来自: 信阳
社区版块
存档分类
最新评论

仿jquery里的最基本的ajax功能

 
阅读更多
这个只是最基本的,防止我们总是写无效的代码
代码如下:
function getAjaxRequest() {
	var request = false;
	try {
		request = new XMLHttpRequest();
	} catch (IE) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (othermicrosoft) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (failed) {
				request = false;
			}
		}
	}
	return request;
}

/**
 * 构建建议的ajax参数
 * options{url:"",data,dataType,callback
 * @param options
 */
function Ajax(options)
{
	var request = getAjaxRequest();
	var url     = options.url;
	var data    = null || options.data;
	var dataType = (options.dataType || 'GET').toLocaleUpperCase() == 'POST'?'POST':'GET';
	
	var callback = options.callback;
	//回调函数
	var facade   = function(callback){
		if (request.readyState == 4) {
			if (request.status == 200) 
			{
					var responseText = request.responseText;
					callback && callback(responseText);
			}
		}
		
	};
	try{
		request.open(dataType,url,true);
		if(dataType == "POST")
			request.setRequestHeader("Content-Type","application/x-www-form-urlencoded;"); 
		request.onreadystatechange = function(){
			facade(callback);
		};
		request.send(data);
	}catch(e)
	{
		throw e;
		return ;
	}
	
}
分享到:
评论

相关推荐

    JAVA___jQuery+AJAX_仿百度搜索功能

    "JAVA___jQuery+AJAX_仿百度搜索功能" 这个标题指出我们要探讨的是一个基于Java、jQuery和AJAX技术实现的项目,目标是模仿百度搜索引擎的实时搜索功能。在这个项目中,用户输入关键词时,将通过AJAX异步请求发送到...

    jQuery 仿百度搜索功能

    总结来说,"jQuery 仿百度搜索功能"是一种结合了前端jQuery库和后端Struts2框架的实现方案,通过实时Ajax交互,为用户提供类似百度搜索的智能提示体验。开发者可以根据自身项目需求,自定义样式和搜索逻辑,以实现更...

    jquery实现仿qq相册功能

    通过使用jQuery的Ajax功能,我们可以实现分页加载或按需加载图片,提高页面性能。例如,使用`$.ajax()`或`$.getJSON()`请求服务器上的图片数据。 5. **CSS3和jQuery结合**:虽然jQuery能实现大部分动画效果,但CSS3...

    jquery+Ajax 仿baidu.Goolge智能检索

    总的来说,这个项目的核心在于利用jQuery的Ajax功能向服务器发送异步请求,服务器端处理程序`s_AutoCompleteHandler`根据请求的内容查询数据,并将结果返回到前端,`autoComplete.js`解析这些数据并动态地更新页面,...

    仿新浪微博jquery qtip ajax提示框

    【标题】"仿新浪微博jquery qtip ajax提示框"所涉及的知识点主要集中在前端开发领域,具体包括以下几个方面: 1. **jQuery**:jQuery是一个高效、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和...

    AJAX jquery 模仿谷歌搜索自动补全功能

    在本教程中,我们将深入探讨如何使用AJAX和jQuery实现谷歌搜索式的自动补全功能。自动补全是一种增强用户体验的常见技术,它允许用户在输入查询时获得即时建议,极大地提高了搜索效率。以下是对实现这一功能所需的...

    仿百度搜索的jquery自动完成功能包

    【jQuery自动完成功能包详解】 在Web开发中,用户界面的交互性和便捷性是提升用户体验的关键因素...通过理解jQuery的基本概念、自动完成的实现原理以及提供的资源,开发者可以轻松地将此功能整合进各种Web应用程序中。

    PHP+jQuery+Ajax仿淘宝多上传按钮单文件上传

    在本文中,我们将深入探讨如何使用PHP、jQuery和Ajax技术来实现一个仿淘宝的多上传按钮功能,允许用户单文件上传。这个功能在现代Web应用中非常常见,它提供了友好的用户体验,允许用户在不刷新页面的情况下上传文件...

    Ajax和Jquery实现谷歌百度搜索下来提示

    在实现Ajax功能时,jQuery 提供了一套简洁的 API,使得开发者可以方便地发起Ajax请求,处理响应数据。 **谷歌百度搜索下拉提示实现** 在"谷歌百度搜索下来提示"的项目中,我们可能需要模仿谷歌和百度搜索引擎在...

    jQuery仿Windows系统文件夹目录操作代码.zip

    - 如果项目涉及到动态加载或保存文件夹内容,可能使用jQuery的Ajax功能,如`.ajax()`, `.get()`, 或`.post()`,与服务器进行异步通信。 综上所述,这个项目不仅涵盖了jQuery的基本用法,还涉及到HTML结构设计、CSS...

    jquery实现的AJAX的一些例子

    jQuery提供了易于使用的API,使得开发者可以方便地实现AJAX功能,从而提高用户体验。 1. **基本AJAX调用**: jQuery中的`$.ajax()`函数是核心的AJAX方法。例如,我们可以创建一个简单的GET请求获取服务器数据: `...

    Jquery 仿百度搜索引擎自动完成功能

    **jQuery 仿百度搜索引擎自动完成功能** 在Web开发中,提供高效的搜索体验是至关重要的。百度搜索引擎的自动完成功能就是一个很好的例子,它能够帮助用户快速找到他们想要搜索的内容,提高了用户体验。本文将深入...

    jquery仿QQ发送信息效果

    【jQuery仿QQ发送信息效果】是一种使用JavaScript库jQuery实现的交互式聊天功能,它旨在模拟腾讯QQ的聊天体验。这个项目通常包括HTML、CSS和JavaScript(尤其是jQuery)三个主要部分,用于创建用户界面和实现动态...

    jQuery仿新浪微博@功能代码

    【jQuery仿新浪微博@功能代码】是一种常见的前端交互设计,它基于JavaScript库jQuery实现,用于在网页文本输入框中实现类似新浪微博的“@”提及功能。这个功能的主要目的是提高用户在社交媒体或评论系统中的互动体验...

    php jquery+及jquery+ui插件轻松打造仿开心网无刷新头像上传功能

    2. **AJAX交互**:jQuery File Upload插件会通过AJAX(Asynchronous JavaScript and XML)将文件发送到服务器,无需刷新整个页面。在AJAX请求中,我们将携带文件数据和任何必要的用户信息,如用户ID,以便服务器能够...

    AJAX学习总结(九)---Jquery实例:仿googlesuggest自动补全功能

    在本文中,我们将深入探讨AJAX技术在JavaScript库jQuery中的应用,特别是通过一个实战案例——仿谷歌搜索建议(Google Suggest)的自动补全功能。这个功能广泛应用于各种搜索框,能够极大地提升用户体验,使用户在...

    jquery仿 百度搜索

    **jQuery仿百度搜索技术解析** 在网页开发中,提供用户友好的搜索体验是至关重要的,而百度搜索的自动匹配功能就是一个很好的例子。本教程将深入探讨如何使用jQuery库来实现类似百度搜索的功能,通过JSON数据交互,...

    jquery实现的仿淘宝多选框

    本项目"jquery实现的仿淘宝多选框"旨在模仿淘宝网站上的多选筛选功能,帮助用户更高效地查找和过滤商品。这个功能对于提升用户体验至关重要,尤其是在商品种类繁多的电商平台上。 首先,我们来看多选框的基本概念。...

    仿google搜索ajax自动完成功能

    在网页开发中,实现“仿Google搜索”的AJAX自动完成功能是一项常见的需求。这个功能使得用户在输入搜索关键词时,无需点击搜索按钮,就能即时看到包含该关键词的相关搜索建议,极大地提升了用户体验。这里我们将深入...

    java与jQuery整合ajax仿googleSuggest自动补全实例

    本实例将探讨如何将这两者整合,通过AJAX技术实现一个仿Google Suggest的自动补全功能,该功能通常用于输入框中,为用户提供动态搜索建议。我们将详细解析这个实例中的各个组成部分。 首先,`index.jsp`是用户界面...

Global site tag (gtag.js) - Google Analytics