AJAX学习笔记
AJax技术
AJAX技术基础介绍基于XML的异步JavaScript，简称AJAX，是当前W eb创新(称为Web2.0)中的一个王冠。
感谢组成AJAX的各种技术，Web应用的交互如Flickr, Backpack和Goo gle在这方面已经有质的飞跃。
这个术语源自描述从基于网页的Web应用到基于数据的应用的转换。
在基于数据的应用中，用户需求的数据如联系人列表，可以从独立于实际网页的服务端取得并且可以被动态地写入网页中，给缓慢的Web应用体验着色使之像桌面应用一样。
虽然大部分开发人员在过去使用过XMLHttp或者使用Iframe来加载数据，但仅到现在我们才看到传统的开发人员和公司开始采用这些技术。
就像新的编程语言或模型伴随着更多的痛苦，开发人员需要学习新的技巧及如何最好利用这些新技术。
AJAX模式许多重要的技术和AJAX开发模式可以从现有的知识中获取。
例如，在一个发送请求到服务端的应用中，必须包含请求顺序、优先级、超时响应、错误处理及回调，其中许多元素已经在Web服务中包含了，就像现在的S OA。
AJAX开发人员拥有一个完整的系统架构知识。
同时，随着技术的成熟还会有许多地方需要改进，特别是U I部分的易用性。
AJAX开发与传统的CS开发有很大的不同。
这些不同引入了新的编程问题，最大的问题在于易用性。
由于AJ AX依赖浏览器的JavaScript和XML，浏览器的兼容性和支持的标准也变得和JavaScript的运行时性能一样重要了。
这些问题中的大部分来源于浏览器、服务器和技术的组合，因此必须理解如何才能最好的使用这些技术。
综合各种变化的技术和强耦合的客户服务端环境，AJ AX提出了一种新的开发方式。
AJAX开发人员必须理解传统的MVC架构，这限制了应用层次之间的边界。
同时，开发人员还需要考虑CS环境的外部和使用AJAX技术来重定型MVC边界。
最重要的是，AJAX开发人员必须禁止以页面集合的方式来考虑Web应用而需要将其认为是单个页面。
AJAX笔记3
Web2.0之Ajax学习笔记与应用实例1.Ajax（Asynchronous JavaScript and XML）是一个结合了Java技术、XML、以及JavaScript的编程技术，可以让你构建基于Java技术的Web应用，并打破了使用页面重载的惯例。
2.Ajax，异步JavaScript与XML，是使用客户端脚本与Web服务器交换数据的Web应用开发方法。
这样，Web页面不用打断交互流程进行重新加裁，就可以动态地更新。
使用Ajax，你可以创建接近本地桌面应用的，直接的、高可用的、更丰富的、更动态的Web用户接口界面。
3.对于Mozilla﹑Netscape﹑Safari、Firefox等浏览器，创建XMLHttpRequest方法如下:xmlhttp_request=new XMLHttpRequest();4.ＩＥ等创建XMLHttpRequest方法如下：xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")或xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");5.xmlhttp_request.open('GET',URL,true);xmlhttp_request.send(null);6.open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。
按照HTTP规范，该参数要大写;否则，某些浏览器(如Firefox)可能无法处理请求。
第二个参数是请求页面的URL。
第三个参数设置请求是否为异步模式。
如果是TRUE，JavaScript函数将继续执行，而不等待服务器响应。
这就是"AJAX"中的"A"。
接下来我主要想用实例来说话，下面这个例子是一个企业用户注册时的一个应用，当用户注册时检查用户名和企业名是否可用，以前的做法是在旁边加一个按钮，点击“检查”，就向服务器发出请求，然后等待……服务器返回信息，继续操作。
jQuery学习笔记
第一章一、$(document).ready(function(){//do something});和window.onload的区别1.前者同一页面可以使用多次，后者出现多次只有最后一次能正确显示2.前者在DOM模型加载完成后就开始执行，后台在所有元素（包括图片）加载完成后执行3.前者可以简化为$(function(){//do something});后者没有简写形式。
二、jQuery比较常使用的是链式操作，比如一个书目导航条：$(function(){$(“ul”).click(function(){$(this).addClass(“current”).children(“li”).slideDown().end().sublings().removeClass(“current”).children(“li”).slideUp();})})对于同一元素不超过3个操作的，一般写同一行，如果操作过多，可以将类似的操纵写成一行，便于阅读。
三、jQuery对象和DOM对象的转换1.jQuery转化为DOM对象Var $variable = $(“tr”); //jQuery objectVar variable = $variable[0]; //DOM objectThe transpartent method.DomObject = jQueryObject[index] or = jQueryObject.get(index).2.DOM Object To jQuery ObjectVar variable = getElementsByTagName(“tr”); //DOM objectVar $variable = $(variable) // jQuery object;The transpartent method.jQueryObject = $(DomObject)四、jQuery开发工具1.Dreamweaver 可以安装插件提示jQuery 插件名称：jQuery_API.mxp2.Aptana 功能非常强大的、开源、专注javascript和Ajax开发IDE;3.Visual Studio 2008。
AJAX新手快速入门
一 AJAX 我也行
1.0 缘起
我是一个勤奋的 Blogger，坚持不懈的写 Blog，让我有了很多的收获。比如 天南地北的朋友，比如千奇百怪的朋友，比如志同道合的朋友。 不时会有朋友加 我的 MSN，也不时会有一些有趣的对话、甚至诡异的对话。 但是，最为诡异的对话，是发生在 2005 年 11 月的某一天。一个叫 Yeka 的 朋友在 MSN 上跟我 hi 了一下。 Yeka：hi，你好，我是博文视点的。 我：你好，什么事呀 Yeka：想请你写一本书，看看你有没有兴趣。 我： Yeka：有朋友向我们推荐你的，我们也觉得你的文笔不错。 我：是什么书呀？（内心颇有些得意啊 Yeka：一本关于 AJAX 的新手入门的书。 我： （ 我的 朋友 ， 难 道这个 推荐 我的 朋友 ，不知道我不 懂 AJAX ）
的吗？八成是要害我吧！） 我：是谁呀。 Yeka：熊节，还有孟岩。 我：……（无语中……照理说，他们应该了解我的呀，怎么会推荐我来写 书呢？而且还是 AJAX 的书。）
可悲啊，我其实是一个意志不坚定的同志，经不起 Yeka、孟岩他们几个的 撺掇，我也就跃跃欲试了。内心里想着，AJAX 嘛，新出来的技术，能有多难，
对于 AJAX 本质的理解； 对于整个 AJAX 以及相关技术地图的理解； 对于 AJAX 编程开发所需要的很多技巧、手段的掌握； 几乎是不可能的。 如果没有（ N 多需要感谢的人）的（ N 多方面的帮助），我们这本书，也 不可能以现在这样的深度，以（N 个月）内完成的速度，送到读者的面前。
希望这本书，能够对大家快速学习 AJAX，有所帮助。
写一本新手入门嘛，也不用写得太深的。 现在拿在你手里的这本书，就是我的处女作了——应该叫我们，就像你在 封面上看到的那样，有三个人，这个故事有点复杂——这是一本关于 AJAX 的 书，也是一本关于我如何写出 《AJAX——新手快车道》 这样一本书的书。 对于我 来说，这既是一次极限的写作经历，也是一次极限的学习经历。 其中的刺激，让我们一起来领略吧，Let’s GO！
Java相关课程系列笔记之十一Ajax学习笔记(建议用WPS打开)
Ajax学习笔记Java相关课程系列笔记之十一笔记内容说明Ajax（程祖红老师主讲，占笔记内容100%）；目录一、Ajax概述 (1)1.1什么是Ajax (1)1.2 Ajax对象：如何获得Ajax对象 (1)1.3 Ajax对象的属性 (1)1.4编程步骤 (2)1.5编码问题 (2)1.6 Ajax的优点 (3)1.7缓存问题（IE浏览器） (3)1.8案例：简易注册（使用Ajax进行相关验证，get请求） (4)1.9案例：修改1.8案例，使用post请求 (5)1.10案例：使用Ajax实现下拉列表 (6)二、JSON (7)2.1什么是JSON (7)2.2数据交换 (7)2.3轻量级 (7)2.4 JSON语法（ (7)2.5如何使用JSON来编写Ajax应用程序 (7)2.6案例：股票的实时行情 (9)2.7案例：显示热卖的前3个商品 (9)2.8同步请求 (10)2.9案例：修改1.8案例step1中的JS代码（使用同步请求） (11)一、Ajax概述1.1什么是AjaxAsynchronous Javascript And Xml（异步的JavaScript和Xml）。
是一种用来改善用户体验的技术，其实质是利用浏览器内置的一个特殊对象（XMLHttpRequest，一般称之为Ajax对象）异步地（Ajax对象在向服务器发送请求时，浏览器并不会销毁当前页面，用户仍然可以对当前页面作其他的操作）向服务器发送请求，服务器送回部分数据（不是一个完整的新的页面，而是文本或者Xml文档），在浏览器端，可以利用这些数据部分更新当前页面。
整个过程，页面无刷新，不打断用户的操作。
之前，都是先销毁原来的页面，然后发送请求，等待服务器发送响应，再生成新页面。
Ajax的工作流程：1.2 Ajax对象：如何获得Ajax对象注意事项：后面的案例也会用到以下函数1.3 Ajax对象的属性1）onreadystatechange：绑定一个事件处理函数（监听器），该函数用来处理readystatechange 事件。
学习ExtJs笔记
学习ExtJs笔记Grid表格1、添加数据的时候，将数据的属性设置为dirty。
因为在使用Ajax提交数据的时候，非dirty的数据不会自动保存到store的modifield属性中。
2、保存数据：（1）store.modifield.slice(start,end);作用：返回一个新数组，取得从start到end的所有元素，但不包括end元素。
如果参数只有一个0，则表示取得全部的数据；（2）each(m,function())(m为一个数组)，该方法主要作用是遍历数组m中的每一条记录，并且每条记录都按照function()方法进行处理。
不可在function方法里面加上循环，否则，将出现多重结果。
（3）listeners监听器：listeners: {"afterEdit": {fn: afterEdit,scope: this} }作用：监听afterEdit。
当单元格编辑完成或者退出编辑状态，自动调用fn方法，作用的范围是当前页面。
（4）当添加数据成功后，新添加的数据有三角行的标识，要除掉标识，可用Record 的commit方法。
3、读取数据（1）从Txt文件中读取数据将读取的数据编码eval(response.responseText),否则将不能正确读取数据。
（2）设置记录的字段的值var initValue = {name:'',gender:'',age:''};var p = new Record(initValue);p.set('name',data_get[i].name);p.set('gender',data_get[i].gender);p.set('age',data_get[i].age);Tree 树1、Tree的加载使用方法render。
Tree.render()方法将tree加载到tree的‘el’中。
菜鸟的Ajax笔记
菜鸟的Ajax笔记——简介Ajax的主要作用就是不刷新页面更新页面的内容，也就是异步传输。
Ajax的百度百科。
用来显示Ajax响应的div。
Ajax听起来很厉害，但是用起来其实很简单。
下面就是一段使用Ajax的简单示例。
function ajaxRequest(){var req = false;if(window.XMLHttpRequest) {var req = new window.XMLHttpRequest();} else if (window.ActiveXObject) {var req = new window.ActiveXObject('Microsoft.XMLHTTP');}if(!req) return false;req.onreadystatechange = callback;req.open('GET','ajax/ajaxTest.txt',true);req.setRequestHeader('Accept-Language','zh-cn');req.send(null);function callback(){switch (req.readyState) {case 1://alert('Loading');break;case 2://alert('loaded');break;case 3://alert('Interactive');break;case 4:if (req.status && req.status == 200){var str = req.responseText;document.getElementById('test').innerHTML = str;}break;}}}function addEventSimple(obj,evt,fn){if(obj.addEventListener){obj.addEventListener(evt,fn,false);}else if(obj.attachEvent){obj.attachEvent('on'+evt,fn);}}addEventSimple(document,'dblclick',ajaxRequest);代码的最后部分给document添加一个双击的响应函数，当文档被双击的时候就调用ajaxRequest函数，也就是负责发送Ajax请求的函数。
AJAX学习笔记
征服Ajax：Web.2.0.快速入门与项目实践.(Java)的学习笔记一、AJAX概述1、web2.0定义：web2.0代表的是一个新的网络阶段，它本身并没有特别明确的标准来进行描述，一般我们将促成这个阶段的各种技术和相关的产品服务统称为web2.0，例如：Ajax就是这一系列技术和产品服务中非常重要的成员，此外还包括博客、数据独立性等各种网络服务方式。
2、什么是Ajax：Asynchronous JavaScript and XML（本身并不是一项技术）几个技术点：异步、JS、XML。
这项技术关注的两个问题：一个借助异步JS实现浏览器和服务器之间的异步交互，如无需重新新装载整个页面就可以向服务器发送请求，并接受响应。
二是对XML文档的解析和处理。
3、Ajax相关技术简介：JS脚本：其编写的程序可以直接在浏览器中解释执行，可以在浏览器的支持下跨平台执行。
在JS脚本中可以调用浏览器及Ajax中提供的相关对象。
利用这些对象提供的属性和方法可以实现页面效果的动态控制。
XHTML和CSS:XHTML的全称是可扩展超文本标记语言Extensible HyperText MarkupLanguage，是一种为适应XML可扩展标记语言而重新改造的HTML。
是一种过渡，它结合了XML中的部分强大功能和HTML中大部分简单特性，其设计更加严密。
CSS:弥补了HTML再格式修饰中的不足，丰富页面动态效果，批量更新。
了解CSS的常用属性和设置方式是脚本编程中所必须的。
CSS实现了WEB页面中数据域格式的分离，与JS校本结合使用可以达到动态控制的效果。
DOM:文档对象模型Document Object Model，它在本质上是一种文档平台。
它是一种接口规范，独立于访问、解析或更新XML数据机制的一种应用。
DOM是以层次结构组织的节点或信息的集合，被认为是基于树活基于对象的。
提供API，允许添加、编辑、移动或删除树种任意的节点。
AJAX学习笔记
AJAX学习笔记一.关于Ajax的简介DHTML是Dynamic HTML,即为动态HTML．其结合了HTML,javascript,DOM,CSS．用途:AJAX主要侧重于Asynchronous(异步),一般情况下验证和表单填写就非常适合Ajax实现,还可以使用DOM的”拖”技术建立真正的网站.原则:当用户跳格离开最后一个域时,如果以前的应用(没有使用Ajax)没有保存表单,那么使用Ajax之后的应用也不要保存表单.安全:使用Ajax有一些安全考虑,记住,可以在浏览器中查看源代码,这说明任何人都知道你这个小部件是怎么创建的,建立XHR对象时必须添加统一资源定位符(URL),所以可能会有恶意的用户修改你的网站,运行他们自己的代码,谨慎使用Ajax可以降低这种风险.二.使用XMLHttpRequest对象创建XMLHttpRequest不用根据浏览器类型来创建,主要是通过检测浏览器是否提供对ActiveX对象的支持,如果支持,就可以使用ActiveX来创建XMLHttpRequest.否则就是用本地javascript对象来创建XMLHttpRequest对象.例如:var xmlHttp;function createXMLHttpRequest(){//如果是IE浏览器if(window.ActiveXObject){xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”);}//如果是除IE外的浏览器else if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest();}创建一个Ajax程序的一般步骤:1.一个客户端事件触发的一个Ajax事件.从最简单的onchange事件到某个特定的用户动作,很多这样的事件都可以触发Ajax事件,可以有一下的代码:<input type=”text” id=” email” name=”email” onblur=”validateEmail()”/>2.创建XMLHttpRequest对象的一个实例.使用open()方法建立调用,并设置URL以及所希望的HTTP请求方法(通常是GET 或POST),请求实际上是通过一个send()方法调用触发.可用的代码如下:var xmlHttp;function validateEmail(){var email=getDocumentById(“email”).value;var url=”validateEmail?email=”+ escape(email);if(window.ActiveXObject){xmlHttp=new ActiveXObject(“Microsoft.XMLHTTP”)}else if(window.XMLHttpRequest){xmlHttp=new XMLHttpRequest()}xmlHttp.open(“GET”,url,true);xmlHttp.onreadystatechange=callback;xmlHttp.send(null);}3.向服务器做出请求,可能调用Servlet,CGI脚本,或者任何服务器端技术;4.服务器可以做你想做的事情,包括数据库,甚至访问另一个系统;5.请求返回到浏览器,ContentType设置为text/xml,XMLHttpRequest对象只能处理text/html类型的结果,另外在更复杂的实例中响应设置的更广.response.setHeader(“Cache-Control”,”no-cache”);response.setHeader(“Pragma”,”no-cache”);response.setDateHeader(“Expires”,0);6.在这个实例中,XMLHttpRequest对象配置为处理返回时要调用callback()函数,这个函数会检查XMLHttpRequest的readyState属性,查看服务器的返回状态码,如果一切正常,callback()函数就会在客户端做一些有意思的工作,以下是一个典型的回调方法:function callback(){if(xmlHttp.readyState==4)if(xmlHttp.status==200){//do something interesting}}用于处理XML文档的DOM。
零基础学习AJAX之AJAX简单框架
零基础学习AJAX之AJAX简单框架零基础学习AJAX之AJAX简单框架1.ajaxLibajaxLib是一个非常小巧的ajax框架。
使用它首先将文件使用引入到页面中。
改框架是一个直接获取XML的.框架，调运函数如下：loadXMLDoc(url,callback,boolean)其中，url为异步请求的地址，callback为请求成功之后返回之后调运的函数名称；boolean表示是否去掉XML文档中的空格，true为去掉空格如：采用AjaxLib框架返回的XML文档保存在全局变量resultXML中，可以再decodeXML中编写程序对其进行分析，例如：复制代码代码如下:functiondecodeXML(){varoTemp=resultXML.getElementsByTagName("temp");document.getElementById("targetID").innerHTML=oTemp[0].f irstChild.nodeValue;}可以看到代码长度比以前少了很多。
2.使用ajaxGoldAjaxgold是另外一款特别实用的ajax框架。
Ajaxgold是另外一款特别实用的ajax框架。
它有4个函数供开发者使用复制代码代码如下:getDataReturnText(url,callback);getDataReturnXML(url,callback);postDataReturnText(url,data,callback);postDataReturnXML(url,data,callback);前两个用于get方式返回文本和XML,后面两个函数是使用POST 请求方式返回文本和XML,下面以postDataReturnText(url,data,callback)为例说明复制代码代码如下:提取的数据将要显示在这以上代码向1-8.aspx发送数据，并传递数据a=2b=3,服务器返回成功之后调运函数display()对返回值进行处理。