昨天笔试,杯具,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);
}
分享到:
相关推荐
其实在学习之前,就已经用上了js,jquery和ajax,不过当时不清楚这些的区别,就全都当成js来看,然后别人一说jquery,ajax都觉得好像很高级,等到自己学习的时候,倒是对这些更清楚了一点,下面就来写一下我的总结。...
**Ajax异步请求小结** Ajax(Asynchronous JavaScript and XML)是一种用于创建快速、动态网页的技术,它允许在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页内容。这种技术极大地提升了用户体验,...
### Ajax乱码问题详解 #### 一、Ajax乱码概述 在使用Ajax技术进行前后端交互的过程中,常常会遇到字符编码的问题,特别是当涉及到中文或其他非ASCII字符时,容易出现乱码现象。根据题目中的描述,“Ajax乱码:当...
jQuery是一个快速、小巧的JavaScript库,它封装了JavaScript的动画效果和Ajax等技术,简化了这些技术在使用时的操作。在现代Web开发中,AJAX技术用于实现页面的异步更新,jQuery通过提供的一系列AJAX相关方法,极大...
AJAX允许我们在不刷新整个页面的情况下,与服务器进行异步通信,提升用户体验。下面将详细解释相关知识点。 1. **AJAX基本原理**: AJAX的核心是创建XMLHttpRequest对象(在本例中是`http`变量),它负责在后台与...
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(JavaServer Pages)是用于创建动态网页的技术,它允许开发者在HTML代码中嵌入Java代码,...
第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
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...
**4.10 小结** - **总结要点:** - Ajax技术可以应用于多种场景。 - 掌握基本的Ajax实现方式,如动态加载内容、表单验证等。 - 理解与服务器通信的基本原理。 #### 五、构建完备的Ajax开发工具箱 **5.1 使用...
这两种方法的核心在于使用`<input type="button">`或`<a>`标签的`onclick`事件来触发AJAX请求,并且通过JavaScript获取表单中的数据,将其转换为JSON格式,然后发送到服务器端。这种方法不仅提高了页面的交互性,还...
AJAX与JSONP跨域访问问题小结 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个页面的情况下,能够更新部分网页的技术。它通过使用XMLHttpRequest对象来与服务器进行异步通信。XMLHttpRequest对象...
#### 六、小结 通过本篇文章的学习,我们了解了AJAX的基本概念以及如何使用`XMLHttpRequest`对象来发送和接收数据。掌握这些基础知识对于前端开发者来说是非常重要的,因为它可以帮助我们在不刷新页面的情况下实现...
以下是一些关于Ajax使用的小贴士: 1. **选择JavaScript库**:在进行Ajax开发时,使用合适的JavaScript库可以极大地简化工作。常见的库包括: - **YUI (Yahoo! User Interface Library)**:由雅虎开发,提供了丰富...