Ajax学习笔记Word文档格式.docx

1、 /切记在callback后面不要加（）哦;7,/回调函数 function callback（data） alert（data） /将服务器返回的数据动态的显示在页面上 /找到保存结果信息的节点 var resultObj = $（#result /动态的改变页面中的div节点的内容就被动态改变了 resultObj.html（data）;/html向页面写东西； 第八讲：第九讲：1，常见的Ajax的框架：ext jquery dojo DWR mootools rico . 2，jquery是一个轻量级的框架，只是javascript和前台Ajax应用前台页面的开发；第十讲：1，例子： 请

2、求 -javascript -ajax发送到后台-后台调用ajax中的回调函数将数据发送到js-获取页面中的一个dom对象-将返回的数据赋给对象； html页面： headtitle用户名校验ajax实例script language=javascript type=text/javascript src=jslib/jquery.jsjslib/verfiy.js/headbody button value=校验 onclick=verify（） /这个div用于存放服务器返回的信息，开始为空，id属性定义时为了利用dom的方式找到某一个节点，进行操作;div id=result/div/b

3、ody/html verify.js文件的源代码： /定义用户名校验的方法: function verify（） /Jquery的方法返回的都是jquery的对象，可以继续在上面执行其他的jquery方法; var jqueryObj = $（ /获取节点的值 var userName = jqueryObj.val（）; /将得到的值向后台发送;我们用get方法向后台发送 $.get（ /回调函数 function callback（data） /找到保存结果信息的节点 var resultObj = $（ /Ajax请求通常是异步的 /动态的改变页面中div节点中的内容 resultObj

4、.html（data）; / 这句话的意思是将返回的信息写回到页面中； /如果不用Jquery框架的话，我们要写的js代码如下： /这个方法将使用XMLHTTPRequest对象来进行AJAX的异步数据交互 var userName = document.getElementById（）.value; /创建XMLHTTPRequest对象，这是XMLHTTPRequest对象五部使用中最复杂的一步， /需要针对IE和其他类型的浏览器建立这个对象的不同的方式写不同的代码 if（window.XMLHttpRequest） /针对Firefox，Mozillal，Opera，safari，ie7

5、以上 var xmlhttp = new XMLHttpRequest（）; /针对某些特定版本的Mozillar浏览器的BUG进行修正 if（xmlhttp.overrideMimeType） xmlhttp.overrideMimeType（text/xml else if （window.ActiveXObject） /针对IE6，IE5 /连个可以用于创建XMLHTTPRequest对象的控件名称，保存在一个js的数组中 var activexName = MSXML2.XMLHTTP,Microsoft.XMLHTTP; for（var i=0;li=0） url = url + &

6、t= +timestamp; else url = url +?t=+timestamp; return url;第十八讲：1，在AJAX中我们主要用dom动态的去修改HTML的内容；2，html中的文本信息，都是dom树中的文本节点；3，html中的注释信息，同样是一个节点，我们把它称作注释节点；4，html标签中的属性对应于dom树中的属性节点，它包含在dom中的元素内；因为它既没有父亲也没有子孙，所以它包含在对应的dom元素节点中；5,document被称为dom树的根节点，并且它不对应于页面中的任何内容；6,html节点我们把它叫做根元素节点；第十九讲：1，css中要想定位窗口的位置，

7、那么必须加上以下属性： position : absolute; /绝对定位 top :100px; left:350px;2,JQuery如何操作css代码 /1，找到窗口对应的div节点 var winNode = $（#win /再用$之前一定要把jquery的库文件引进来； /2，修改节点的css值，让矿口显示出来 winNode.css（displayblock /jquery中提供了css（）方法，用来执行css代码；3，背景色的方式：background-color:blue;第二十一讲：1，css例子： #title /控制标题的背景色 background-color: color:yellow; padding-left:3px; #close margin-left :150px; cursor:pointer; /这个表示当鼠标指到该dom元素时显示为小手型；2,注册页面装载时执行的方法 $（document）.ready（function（） var uls = $（ul var ulNode = $（this）; ulNode.children（li第二十二讲：1，第二十三讲：1，完 2014 - 09 - 05 下午：1919