`
zhouxianglh
  • 浏览: 267596 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

ajax小结

阅读更多

昨天笔试,杯具,SQL的问题,最近工作以web为主,SQL都三四个月没用了......

ajax 小结

/* 2010.11.11  ajax js部分操作 */

$(document).ready(function () {
	ajaxRequest = getAjaxObject();//获取XMLHttpRequest对象
	$("#buttonTag").click(function () {
		getInfo();
	});//初始化事件
});
//XMLHttpRequest对象
var ajaxRequest;
var getInfo = function () {//ajax 操作
	sendRequestByAjax("get", "servlet/testAjax.ajax", null, doResponse);
};
//发送请求
function sendRequestByAjax(method, url, data, dataHandler) {
	//设置当服务器数据返回后,处理服务器返回数据的js函数,这里处理函数名称是以参数形式给出
	ajaxRequest.onreadystatechange = dataHandler;
	//与指定的url地址建立连接
	//第一个参数可以选择传递为Post或者Get,表示请求方式
	//第二个参数表示请求的服务器地址
	//第三个参数如果为true,异步操作,如果为false,则为同步操作(同步请求将锁住浏览器)
        ajaxRequest.open(method, url, true);
	//如果是以post方式发送数据,则必须加上如下代码,否则服务器将会收不到数据
	if ("post" == method.toLowerCase()) {
		ajaxRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	}
	//开始发送数据,data的数据格式为:name=zhang&money=10000
	ajaxRequest.send(data);
}
//接收请求
function doResponse() {
  	//当服务器将数据返回给客户端时,readyState状态值为4
  	//0 - (未初始化)还没有调用send()方法 
	//1 - (载入)已调用send()方法,正在发送请求 
	//2 - (载入完成)send()方法执行完成,已经接收到全部响应内容 
	//3 - (交互)正在解析响应内容 
	//4 - (完成)响应内容解析完成,可以在客户端调用了 
	if (ajaxRequest.readyState == 4) {
   		//当服务器返回的数据是正常的数据时,status状态值为200
   		//200 - OK 一切正常,对GET和POST请求的应答文档跟在后面。
   		//404 - Not Found 无法找到指定位置的资源。这也是一个常用的应答。 
   		//500 - Internal Server Error 服务器遇到了意料不到的情况,不能完成客户的请求。
		if (ajaxRequest.status == 200) {
    		//通过XMLHttpRequest对象的responseText属性获取服务器返回的文本信息
			var returnMsg = ajaxRequest.responseText;
			alert(returnMsg);
		}else{
			alert("error");
		}
	}
}
//获取ajax 操作对象
function getAjaxObject() {
	var xmlHttpRequest;
	if (window.ActiveXObject) {//IE
			//操作原因同下面的 CreateHTTP()
			try {
				xmlHttpRequest = new ActiveXObject("Msxml2.XMLHTTP");
			}
			catch (e) {
				try {
					xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
				}
				catch (e) {
				}
			}
	}else if (window.XMLHttpRequest) {//Mozilla
		xmlHttpRequest = new XMLHttpRequest();
	}
	return xmlHttpRequest;
}
//获取ajax 操作对象
function CreateHTTP() {
	if (window.XMLHttpRequest) {//Firefox
		return (new XMLHttpRequest());
	}
	//这里arr_t 对应是的IE下几种XMLHTTP版本的,目的是创建尽可能高版本的XMLHTTP对象 
	var arr_t = new Array("MSXML2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP.2.6", "Microsoft.XMLHTTP", "MSXML.XMLHTTP");
	for (var i = 0; i < arr_t.length; i++) {
		try {
			return (new ActiveXObject(arr_t[i]));
		}
		catch (e) {
		}
	}
	return (null);
}

 

 

分享到:
评论

相关推荐

    JavaScript jquery及AJAX小结

    其实在学习之前,就已经用上了js,jquery和ajax,不过当时不清楚这些的区别,就全都当成js来看,然后别人一说jquery,ajax都觉得好像很高级,等到自己学习的时候,倒是对这些更清楚了一点,下面就来写一下我的总结。...

    ajax异步请求小结

    **Ajax异步请求小结** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,...

    Ajax乱码小结

    ### Ajax乱码问题详解 #### 一、Ajax乱码概述 在使用Ajax技术进行前后端交互的过程中,常常会遇到字符编码的问题,特别是当涉及到中文或其他非ASCII字符时,容易出现乱码现象。根据题目中的描述,“Ajax乱码:当...

    Jquery操作Ajax方法小结

    jQuery是一个快速、小巧的JavaScript库,它封装了JavaScript的动画效果和Ajax等技术,简化了这些技术在使用时的操作。在现代Web开发中,AJAX技术用于实现页面的异步更新,jQuery通过提供的一系列AJAX相关方法,极大...

    AJAX编写用户注册实例及技术小结

    AJAX允许我们在不刷新整个页面的情况下,与服务器进行异步通信,提升用户体验。下面将详细解释相关知识点。 1. **AJAX基本原理**: AJAX的核心是创建XMLHttpRequest对象(在本例中是`http`变量),它负责在后台与...

    Ajax基础教程(扫描版)

    1.8 小结 21 第2章 使用xmlhttprequest对象 23 2.1 xmlhttprequest对象概述 23 2.2 方法和属性 25 2.3 交互示例 26 2.4 get与post 28 2.5 远程脚本 29 2.5.1 远程脚本概述 29 2.5.2 远程脚本的示例 29 2.6 ...

    一个简单的jsp聊天室(ajax技术)

    【标题】:“一个简单的jsp聊天室(ajax技术)” 在这个项目中,我们探索了一个基于JSP和AJAX技术实现的简单聊天室。JSP(JavaServer Pages)是用于创建动态网页的技术,它允许开发者在HTML代码中嵌入Java代码,...

    ASP.NET AJAX实战源码

    第4章 Ajax服务器扩展剖析 86 4.1 ASP.NET开发人员的Ajax 86 4.2 改进原有ASP.NET网站 87 4.2.1 一个示例ASP.NET网站 88 4.2.2 配置现有的ASP.NET网站 88 4.3 ScriptManager: Ajax页面的大脑 90 ...5.5 小结 145

    【卷一/共两卷】AJAX实战pdf高清版90M

    1.5 小结 1.6 资源 第2章 Ajax新手上路 2.1 Aiax的关键元素 2.2 用JavaScript改善用户体验 2.3 用CSS定义应用的外观 2.3.1 CSS选择器 2.3.2 CSS样式属性 2.3.3简单的CSS例子 2.4 用DOM组织视图 2.4.1 使用JavaScript...

    ajax基础教程文档

    **4.10 小结** - **总结要点:** - Ajax技术可以应用于多种场景。 - 掌握基本的Ajax实现方式,如动态加载内容、表单验证等。 - 理解与服务器通信的基本原理。 #### 五、构建完备的Ajax开发工具箱 **5.1 使用...

    html表单a标签,input标签等几种请求ajax提交数据给后台小结

    这两种方法的核心在于使用`&lt;input type="button"&gt;`或`&lt;a&gt;`标签的`onclick`事件来触发AJAX请求,并且通过JavaScript获取表单中的数据,将其转换为JSON格式,然后发送到服务器端。这种方法不仅提高了页面的交互性,还...

    AJax与Jsonp跨域访问问题小结

    AJAX与JSONP跨域访问问题小结 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。它通过使用XMLHttpRequest对象来与服务器进行异步通信。XMLHttpRequest对象...

    AJAX入门

    #### 六、小结 通过本篇文章的学习,我们了解了AJAX的基本概念以及如何使用`XMLHttpRequest`对象来发送和接收数据。掌握这些基础知识对于前端开发者来说是非常重要的,因为它可以帮助我们在不刷新页面的情况下实现...

    Ajax的小贴士使用小结

    以下是一些关于Ajax使用的小贴士: 1. **选择JavaScript库**:在进行Ajax开发时,使用合适的JavaScript库可以极大地简化工作。常见的库包括: - **YUI (Yahoo! User Interface Library)**:由雅虎开发,提供了丰富...

Global site tag (gtag.js) - Google Analytics